ブラウザ
※本記事は，クロームのアドオン開発に関するGoogle公式ドキュメントWhat are extensions?の日本語訳です。 Chromeアドオン（拡張機能，エクステンション）とは何か Hello Extensions（アドオン開発・はじめの一歩） 次のステップ 補足 Chromeアドオン（拡張…
今から３分で，Chromeブラウザのアドオン（拡張機能）を作ろう。 ここで作るのは，「表示したWebページの内容をjQueryで加工する」というChromeプラグインだ。アドオン自作の入門，初歩の第一歩にうってつけ。 作成に必要なツールは，なんとメモ帳だけ。Java…
Webページ上で，「コピペ禁止」を解除するJavaScriptコード。 ブラウザ上で，マウスで文章を選択して，右クリック→コピー という操作は，HTML側で禁止できる。Webサイトの内容が, コピペで無断転載されるのを防ぐためだ。 しかし，その禁止をかいくぐる方法…
連載目次へ 以下のJavaScriptコード（というよりHTMLそのもの）が意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： HTML上で，Aタグによりリンクを表示する。 そのリンクのURLを, JavaScriptから取得する。 <a href="http://google.com/?q=%" id="a1">ブラウザは， このHTMLリン</a>…
日本国内と世界全体の，Webブラウザのシェアの情報源について。 XPサポート切れとIEの脆弱性が騒がれて１ヶ月が経つ。IE離れは加速しているか？ 最新の３つの情報源を比較し，現在のブラウザのシェアを確認してみよう。 （１） StatCounterによる情報（３０…
HTMLとJavaScriptで，IEの脆弱性を攻撃できる。 （※具体的なサンプルコードも本記事に掲載） それが「Use After Free」および「ヒープスプレー」。 ちょうど２０１４年４月にWindows XPのサポート終了後すぐ，この脆弱性を攻撃するウィルスが発見され，大騒…
Firebugのコンソールを使って，Webページの情報を加工してみよう。 HTMLの中から，特定のclassを持ったDOM要素だけを抽出 という処理をしてみる。 こういう単一ページ内でのWebスクレイピングは，簡易なブックマークレットでも可能。 だが，もしfirefoxを使…
まず，開いている全タブを保存するために，下記のFirefoxアドオンを使う。 開いている全タブのURLとタイトルを，列挙して抽出するFirefoxアドオン （XUL形式プラグインのソースコード付） http://language-and-engineering.hatenablog.jp/entry/20121221/p1 …
下記のアドオンを改良した。 開いている全タブのURLとタイトルを，列挙して抽出するFirefoxアドオン （XUL形式プラグインのソースコード付） http://language-and-engineering.hatenablog.jp/entry/20121221/p1 改良点： 各ページ内で選択範囲があれば，その…
下記は，2013年になってから今(9月)までの，本ブログ訪問者の利用ブラウザ。 集計データをブラウザの種類ごとに要約して，円グラフにしてある。 この元データは，下記のように，ブラウザのバージョン情報まで含まれている。これだと，情報が細かすぎるので，…
JavaScriptプログラミングのTOPへ 個人的に愛用している，便利なブックマークレットを精選・集約した。
注：このアドオンには，改良版があります。 「全タブを要約するアドオン」を改良。ページ内の選択部分を要約に反映 http://language-and-engineering.hatenablog.jp/entry/20140117/p1 全タブの「リンク集」を自動生成するアドオン。 ネットで調べ物をしてい…
クイズ… 下記の HTML＋CSS が，意図した通りに表示されないのはどうしてですか。（制限時間１分） やりたい事： ボタンの背景に，画像を表示したい。 <style> input { /* ボタンの背景に画像を表示する */ background-image : url(fuga.PNG); /* 背景画像は繰り返さ</style>…
バッチのまとめTOPへ IEを自動操作するスクリプトを書いていると， IE7 IE8 の挙動の違いにぶつかる。例えば，フォームにファイルをアップロードする場合など。（サンプルを後述する。） こういうとき，スクリプトの側でIEのバージョンを判別して，バージョ…
バッチのまとめTOPへ Webアプリケーションのセキュリティチェックや自動テストを行なうために，WebサーバやAPサーバに対して，「任意のHTTPリクエスト」を手軽に発行したい。 「任意のHTTPリクエスト」とは，例えば・・・ リファラ（リンク元）改ざん ⇒画面…
バッチのまとめTOPへ IE8で，ファイルのアップロードを自動化する方法を発見した。 以下はWSH/JScriptによるサンプルスクリプト。IE8（Windows XP）で動作確認済み。 upload.js // IEを起動 var ie = WScript.CreateObject("InternetExplorer.Application");…
JavaScriptプログラミングのTOPへ Officeのヘルプキャラクタ（例えば「マーリン」とか，「カイル君」とか，「冴子先生」）を，ブラウザのHTML上で表示する。IE上だけでなく，WSHでバッチとしてデスクトップで呼び出す事も可能。 サンプル（IEで閲覧） http:/…
バッチのまとめTOPへ コマンドプロンプトを，Webブラウザとして使う。 バッチファイルから WebサイトにGETリクエストを発行し， Webサイトが返すレスポンスに，最低限の「レンダリング」を施す。 という事を行なう。
バッチのまとめTOPへ WSH JScriptでIE（IE7）を自動操作して ファイルをアップロードする（ファイル参照フィールドに入力する）。 ただし，ファイル参照ダイアログを避けて通る。 promptとかalertなどの厄介なダイアログに応答する。 方法。 おまけとして，S…
以下の記事では，IE上で，C#のDLLを動かす方法を述べた。 今から３分で，IE 上で .NET のDLLを動かそう （ブラウザ上で C# のコードを動かす方法） http://language-and-engineering.hatenablog.jp/entry/20100705/p1 今回は，同じものをVB.NETでも作ってみ…
今から３分で，Webページ上で，Microsoft .NET のコードを動かそう。JavaScriptにできない事も，.NETなら可能になる。 今回は，Windowsアプリ用のUI部品（カレンダー）を，Webページ上で使ってみる。 メモ帳さえあればよい。 Visual Studioは不要。 .NETの詳…
バッチのまとめTOPへ ActiveX経由でCreateObject("InternetExplorer.Application") などして，IEを自動操作する際，「ブラウザのビジー状態の解除の判定」は，正確にやろうとすると結構難しい。よくあるのは， （DOM操作）ブラウザ上で，submitボタンクリッ…
ブラウザの自動化を妨害する最後の壁，それはタイムアウト。Webページのロード時に，ブラウザのビジー状態が解除されず，いつまでも次のステップに進めなくなってしまう現象のこと。 どんなツールを使っても，タイムアウトは必ず発生する。自動化ツールをた…
バッチのまとめTOPへ 以下のエントリでは，JScriptでブラウザのオートメーションを行なうための基礎を述べた。 JScript / VBScript (WSH)で，IEを自動操作しよう http://d.hatena.ne.jp/language_and_engineering/20090713/p1 その続編として，プロジェクト…
もはやレガシー*1となりつつある，時代を作ったJavaScriptフレームワーク Prototype.js の盲点，注意点を書きためてゆく。 ※「JavaScriptの動かないコード(JavaScriptエラー集)」のprototype.js版，という位置づけである。ただしネタは多くない。 Download P…
テスト仕様を書けば，仕様書自身がテスト（ブラウザ操作）を自動でやってくれる。Excelのシート上に，下記のように記述する。 IE起動 開く http://www.yahoo.co.jp/ 存在判定 srchtxt 存在判定 srchbtn 入力 srchtxt hogeraccho クリックして待機 srchbtn が…
バッチ・マクロのTOPへ 下記のライブラリを改良した。 ブラウザ上で，マウスのドラッグ＆ドロップも自動化できるスクリプト（UWSCでIEを自動操作するライブラリ 1.2） http://d.hatena.ne.jp/language_and_engineering/20090826/p1この時あった機能： IE上で…
バッチ・マクロのTOPへ ※これより新しいバージョンがリリースされています。 http://d.hatena.ne.jp/language_and_engineering/20090918/p1 下記のライブラリを改良した。 UWSCでIEを自動操作し，回帰テスト/JavaScript実行/ファイル保存 などができるライブ…
バッチ・マクロのTOPへ ※これより新しいバージョンがリリースされています。 http://language-and-engineering.hatenablog.jp/entry/20090826/p1 下記の「IEを自動操作するライブラリ」の改良版ができた。 UWSCで，IEを自動操作するためのライブラリ （ファ…
バッチ・マクロのTOPへ ※これより新しいバージョンがリリースされています。 http://language-and-engineering.hatenablog.jp/entry/20090825/p1 Windows 自動化ソフトの「UWSC」で，IEを自動操作する。 SeleniumやVBAやWSHでの自動化と比べて，このUWSCの最…
