で配布されているGecko DOM ReferenceのZIP version(古い奴)をHTMLヘルプにしてみた。HTMLヘルプはちょっと作ってみちゃったりすると、HDD上にあるありとあらゆるHTMLのドキュメントをHTMLヘルプにしたい欲求に駆られてしまう・・・のは僕だけですか、そうですか。 prototype.jsの開発メモ Gecko DOM Reference prototype.jsの開発メモの方はHTMLに手を入れて、メソッドやプロパティにidを振り、キーワー...
付箋紙Greasemonkeyで、GM_setValueに登録した日本語の文字化け対策にencodeURIをつかったけど、encodeURIはURIをエンコードするための関数なのであんまり褒められた使い方ではないですね。しかも、encodeURIのようなURLエンコーディングは文字列をUTF-8にしてから、エンコード対象の各バイトを%xx形式*1で表現するので、日本語１文字をあらわすのにたいていの場合ASCII9文字が必要になって効...
最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやって...
いまいち分かってないんだけど、Perlのperlsh,Pythonの対話型シェル,Rubyのirbのような使い方ができるみたいですね。Firefoxを出力にしたJavascriptシェルといった感じでしょうか。Replというオブジェクトがシェルみたいな役割を果たしていて、repl.method()という感じでメソッドを呼び出して対話型の操作ができる。Replオブジェクト自身を書き換えることも可能なようです。 初めの一歩 #()...
for 文で 100 項目とか 1000 項目とかあるテストケースを処理するとブラウザが固まる。 こんなダイアログが表示されます。 ということで for 文を setTimeout や setInterval に変換する事で定期的にブラウザに処理を戻すことができる。 // ここでは console.log のところでログを取ってますが // 通常は処理が入ります。 for (var i = 0; i < 3; i ++) { console.log('a' + i); } /* * 結果 * a0 * a1 * a2 */ これ...
以下のエントリーを見て Enjoy*Study - FirebugのmonitorEventsが動かない で、実際はどうなんだろうと試してみた。 ちなみに monitorEvents とは Firebug のコンソールで >>> monitorEvents(document.body) と打ち込むと document.body にあがってきた全てのイベントをモニタリングできる >>> monitorEvents(document.body, 'click') と打ち込むと document.body にあがってきたクリックイベントをモニタリン...
『 クロスブラウザなJavaScriptシェルコンソール。ページ中にフロートウィンドウで表示される。ブックマークレット版もあり。GPLライセンス。 』
Greasemonkeyでprototype.jsやscript.aculo.usが使えたら便利だろうな、と考えたことのある開発者は少なくないのではないでしょうか。ちょっとそんなアイデアを試してみたことのある方ならわかると思うのですが、Greasemonkeyでそういった外部JavaScriptライブラリは簡単には使えません。案外ハードルが高いです。 Googleで調べていたら、面白い解決方法が見つかったので紹介します。 Loading Ex...
『 ブラウザに関係なくテストができるテストフレームワーク。SeleniumIDEというFirefox拡張を使うことでテスト内容を記憶することができる。 』
)だと直感し(遅い)、とは言ってもXPathのことはほとんど知らないので勉強もかねて、HTMLドキュメント内のノードをXPathで検索するスクリプトを作ってみました。Mozilla/Firefox用です。 ソースはこちら: XPathFinder.js 呼び出し方は30秒ほど考えた挙句、bookmarkletによるサーバからのスクリプト読み込みにしてみました。これが一番簡単に試せるので。 bookmarklet: XPath Finder bookmarkletを起動する...
『 Firebugの機能をIEで実現してくれるツール。これが使い物になるようならWebアプリケーション開発が大幅に楽になりそうです。 』
ちょこちょこと紹介されているので知っている人も多いと思うが、IE には DOM ノードに絡んだメモリリークの問題がある。これに関しては Microsoft 自身の記事である「Understanding and Solving Internet Explorer Leak Patterns」に詳しいが、簡単にいえば DOM ノードオブジェクトに関する循環参照を作ると、IE を終了させるまでそのオブジェクトが解放されないというものだ。記事によればメモリ...
これまた数ある車輪の再発明のうちの一つだけど、習作をかねて /lang/javascript/DOM.resize /- CodeRepos::Share - Trac 続きを読む
基本的にはconsole.debugと同じですが，出力の先頭に「×」のアイコンをつけ，ステータスバーのエラーに追加されます。 console.assert(expression[, object, ...])) expressionがfalseなら第2引数以降をconsoleに出力する。第2引数以降はconsole.logと同様です。 console.dir(object) 渡されたオブジェクトのプロパティと値を全て出力します。 console.dirxml(object) 渡されたノードのソースツリーを表示します。HTML...
Webアプリケーションのテストは面倒くさい。HTTPでゲットするだけであれば良いが、ポストしたり、JavaScriptでレンダリングしてあったりと、動作も複雑だ。それらを全て網羅的にテストするのはなかなか難しい。 自動操作中 そこでテストにブラウザを使ってみよう。自動操作することで、テストの効率化をはかれる。 今回紹介するオープンソース・ソフトウェアはFirewatir、Firef...
Firefox 3のリリースが2008年6月頃になると発表されました。Firefox 3より，JavaScript 1.8に対応され，より洗練されたJavaScriptを利用することができます。また，高速化されたJavaScriptの処理により，あなたのJavaScriptによる開発を手助けしてくれることでしょう。 本連載では，この最新のFirefox 3と，JavaScript開発でのデファクトスタンダードとなりつつある，Firebugを組み合わせた開発手法に...
『 Firefox側の事しか分からんが、微妙にイベントの説明とかが間違っている気がする 』
『 JavaScriptを中心としたウェブページのデバグ環境。スクリプトのステップ實行、詳細なエラーコンソール、HTMLのインスペクタ等々。CSSのエラーも表示可。痒い所に手が届くといふ感じ。XMLHttpRequestの通信モニタ機能もある。 』
MozillaのJavaScriptドキュメントとECMA Scriptの言語仕様を、まとめてHTMLヘルプ(chm)形式にコンパイルしました。Windows用です。 http://www.geocities.jp/quen_go/jsref/jsref.zip 以下のドキュメントが入っています。 Core JavaScript 1.5 リファレンス http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference Core JavaScript 1.5 ガイド http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide Gecko DOM リファレンス http://developer.mozi...
2年前の夏に書かれたFirebugの便利な組み込み関数 - 技術メモ帳を読んで、いまさらdebuggerと書くとそこからデバッガでステップ実行できるのを知ってショックでした.... lurkerさんのブログで紹介されている$0, $1 で直前にinspectしたものを参照できることも、なぜか公式のドキュメントっぽいFirebug Documentationには載っていなくて、FireBug Documentation - JoeHewitt.comには載っています。 で、も...
![プログラム・フレームワーク系情報まとめ [ pg.feed ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fpg.thumbnailcloud.net%2F)