WebView 中の HTML のデバッグ方法まとめ
iPhone, Android で WebView を用い、HTML5 + CSS3 + Javascript でアプリを開発するケースは、PhoneGap (Cordova) が登場して以来増えつつあるのではないでしょうか。 HTML 開発には Firebug や Web Inspector といったデバッグツールはもはや必須ですよね。 そこで今回は WebView 中の HTML のデバッグ方法をまとめてみました。 1. Android 全般・iOS4 (実機・シミュレータ)・iOS5 (実機) weinre （ワイナリー）というツールが利用できます。 weinre はウェブサーバとして動作し、そのサーバが提供するスクリプト・ページにアクセスすることで、ブラウザ上でデバッグが行えます。 （なお、この方法は後述する iOS5, 6 においても利用可能です） ・インストール・サーバの起動
Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - monjudoh’s diary
Firebugでは条件付きブレークポイントが使えるので、 scriptタブにて該当行にブレークポイントを貼り、 条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こうするとブレークポイントを通る度にconsoleへの出力は評価され、 consoleに出力され、最後の&& falseのため式全体は必ずfalseとして評価されるため ブレークすることはない。 追記 console出力系関数の戻り値はundefinedなんだから&& falseは不要か 追記 nanto_vi @monjudoh JSでは||より&&の方が優先順位が高いので、a || b && c はaが真ならbもcも評価されずに全体が真として
川o・-・）＜2nd life
Perl での print debug の方法の紹介がブーム(?)だったので、自分がよく行ってる Ruby での debug 方法7つについて書いてみます。 p ご存じの人も多い Kernel#p メソッド。これを使うとオブジェクトの内容を見やすい形で出力してくれます。 >> p ({:foobar => :baz}) {:foobar=>:baz}Object#inspect を使うと、p で出力するときと同じ文字列を String として取得できます。 >> puts ({:foobar => :baz}).inspect {:foobar=>:baz}初心者の頃この p での出力を使う方法がわからなくて困った記憶が…。 pp pp というライブラリを使うと、p より、より見やすい形式で出力してくれます。たとえば >> a = Array.new(10) { {:foobar => :
ActionScript 3.0 用デバッグ支援ライブラリいろいろ - てっく煮ブログ
asXRayAS2 では定評のあったツール。AS3 にも対応している。サイトhttp://code.google.com/p/osflash-xray/対応バージョンActionScript 2.0, ActionScript 3.0 (Flash CS3, Flex 2)機能インスペクタ、コンソール出力 (専用ビューワ)参考"XRay" - ActionScript3 版の Firebug みたいなデバッグツール - てっく煮ブログ Alconインスペクタとコンソールのセット。パフォーマンス情報が見れたり、オブジェクトの詳細な情報をダンプできるようだ。ビューワは AIR 製。サイトhttp://blog.hexagonstar.com/alcon/対応バージョンActionScript 2.0, ActionScript 3.0 (Flash CS3, Flex 2)機能インスペクタ、コ
IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編 - - 日向夏特殊応援部隊
IEでJSのエラーになったときに立ち上がるデバッガって大体の人が使いこなせてないのではないでしょうか？ ちなみに僕もそうだったのですが、ふと思い立って調べてみました。 追記 (2008-01-10T14:24:30+09:00) はてブのコメントで、 MS Office持ってない人はVisual Web Developer(VWD)で。/ちょっと前にこんなの書いたので、VWD 2008使う人は参考にしてもらえると幸い。 http://d.hatena.ne.jp/terurou/20071218/119796573 とありました。 これはid:kaorunさんにも聞いていたので後で試そう〜と思ってたので助かります。 合わせてご覧になって下さい。 Microsoft Script Editorとは？ のようにOffice付属のツールだったりします。僕の環境では、 C:\Program Fil
便利すぎて困る程のFireBug1.0系を使ってみよう:phpspot開発日誌
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか？(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
Operaでも便利にWeb開発: ある SE のつぶやき
Operaは普段使っていないので、あまり情報を集めていませんでしたが、Web開発をするための環境が大分そろっているようですね。 Opera9 で快適 HTML 編集！(WebOS Goodies) Opera9のHTMLソースビューは、ダイレクトにHTMLの編集ができるとのこと。 Opera の Web Developer Toolbar を試す(WebOS Goodies) Operaの開発用ツールバーで、豊富な機能があるようです。 Opera が純正の開発者ツールをリリース(WebOS Goodies) DOM ConsoleやCSS Editorがあります。 役に立つ情報に感謝です。 Opera web browser http://www.opera.com/ Web Developer Toolbar & Menu for Opera http://operawiki.info/
Firebug Lite - IEやOperaでFireBugのconsoleをエミュレートするライブラリ: ある SE のつぶやき
Firebug Lite FireFox拡張のFirebugを利用すると、Ajaxの開発で、JavaScriptのデバッグやDOMインスペクタなどを利用できて非常に便利です。 ただ、colsole.logなどはコンソールに値を出力できるのですが、FireFox以外のブラウザで実行するとJavaScriptエラーになる問題があります。 このFireBugLigeというライブラリを読み込んでおくと、JavaScriptエラーが出ないだけでなく、ある程度ならコンソールにも値を出力してくれます。 JavaScriptエラーがでないだけでよいなら、同じサイトにあるfirebugx.jsを読み込めば大丈夫です。 これは便利！ ・サンプルコード <html> <head> <!--firebug.js読み込み--> <script language="javascript" type="text/jav
IEやOperaでも使えるFireBug Lite＆FireBug1.0Betaリリース:phpspot開発日誌
Firebug Blog Archive Firebug 1.0 News (via Ajaxian) Thanks to the 130 people who commented thoughtfully on my previous blog about Firebug. I’m so excited about getting Firebug 1.0 out to you guys, and I’ve been working my tail off to get the beta in shape for a wider release. Today I have three big announcements to make. JavaScriptでのデバッグに欠かせない、IEやOperaでも使えるFireBug Lite＆FireBug1.0Betaリリース。 FireBugは
「JavaScript＠Keynavi.Net」 デバッグなど開発効率を上げるための工夫
JavaScriptの実行でエラーが発生した時に どこでどんなエラーが起きたのか知る必要があります。 以下のような操作をしておくとJavaScriptのエラーを拾えるようになり スクリプトのデバッグに役立ちます。
JavaScriptの開発・デバッグ環境が無償で手に入る？
高度なリッチクライアントアプリケーションの開発効率を向上できるうえ、Webブラウザの標準的な機能だけで動作する、優れたWebベースアプリケーションを迅速に構築可能。無償のAjax開発環境が手に入るのも注目だ。 日本ティブコソフトウェアは、SOA（ソフトウェア指向アーキテクチャ）やBPM（Business Process Management）を主力とした製品群を提供している。その製品群にAjax開発環境「TIBCO General Interface」が新たに加わった。TIBCO General Interfaceを使えば、リッチクライアントアプリケーションの開発のコストを削減できる。また、開発用途のProfessional Editionならば無償で使用可能だ。 開発者にとって朗報なのは、TIBCO General InterfaceによりJavaScriptの開発・デバッグ環境が無償で
JavaScript プログラマの方にお聞きします。 近頃注目を集めている JavaScript ですが、どのような開発環境で開発していますでしょうか。
JavaScript プログラマの方にお聞きします。 近頃注目を集めている JavaScript ですが、どのような開発環境で開発していますでしょうか。(ブラウザ、デバッガ、エディタ、ブラウザのプラグイン、そのほか) サードパーティ製のツールなどをお使いの方は、できればそれがどんなものか、なぜそれがいいのかも教えてください。 ちなみに僕は Firefox の JavaScript コンソールと Emacs の java-mode というとてもしょぼい感じですｗ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firebug1.0β版リリース - Firebugがパワーアップ！: ある SE のつぶやき