The Firefox DevTools team and our contributors were hard at work over the summer, getting Firefox 70 jam-packed with improvements. We are especially excited about our new WebSocket inspection feature, because you told us in feedback how important it would be for your daily work. The WebSocket inspector will be released in Firefox 71, but is ready for you to use in Firefox Developer Edition now. To
I’ve been doing all of my real (paid) work on VMs / containers for a while now but when it comes to writing Java code for some projects for university I still need to move away from using vim and install some full blown IDE in order to be productive. This has been bothering me for quite some time but this week I was finally able put the pieces together to run NetBeans in a Docker container so that
こんにちは。 今回は自動テストというちょっと地味なことについて取組んでみようかと思います。 WEBシステムを開発するにあたりWebブラウザでのテストは必須かと思いますが、プログラムを修正する度に確認したり、複数ブラウザで同じ確認を行うのは大変です。そこでブラウザを使ってのテストを自動化してみようかと思います。 Webブラウザを使っての自動テストはSeleniumとう有名なツールがあるので今回はこれを使いたいと思います。 SeleniumはFireFoxのアドオンで使えるSelenium IDEと、JavaやC#などの言語からAPIを呼び出して使うSelenium WebDriverがあります。Selenium IDEはFireFoxのアドオンなので他のブラウザでのテストは出来ません。どうせ自動化するなら色々なブラウザでテストしたいので今回はSelenium WebDriverを使用し、言語
「Google Book Downloader」はGoogleブックスの画像への直リンクを生成してくれるスクリプト。 ページ単位でリンクが生成できるのは便利ですねー。 ページ単位でブックマークすることができるようになります。 ずる賢い人は、画像を全部ダウンロードしてローカルで読もうってことを考えるかも。 実際そういった使い方を想定したスクリプトですねこれは。 以下に使ってみた様子を載せておきます。 （Firefoxのみ動作可能です。Chromeはだめでした…） まず「Google Book Downloader」のダウンロードページへアクセスします。 「Install」ボタンよりインストールできます。 （※Greasemonkeyが必要です。） 次に、Googleブックスへアクセス。 「Twitter」の本でも探してみましょう。 本の詳細ページを開くと、左上に「Download this
WebサイトやWebアプリケーションの動作確認、あるいは障害発生時の原因究明のために、Webブラウザとサーバ間の通信内容を調べたいときがある。 新たに立ち上げたWebサイトあるいはWebアプリケーションの動作を確認するには、単にWebブラウザで対象のWebページを表示させるだけでは不十分なことがある。一見、正しくページが表示されているように見えても、実はWebブラウザに表示されない一部のファイルの読み出しに失敗していた、などという可能性があるからだ。 またWebアプリケーションで何らかの障害が発生した場合、Webブラウザの表示内容からは現象の一部しか把握できず、原因究明の手掛かりまで得られないことも多い。Webページの表示が妙に遅いという場合も、Webサーバからのデータ／ファイル読み出しとWebブラウザによる描画の順序が一致しないこともあって、やはりWebブラウザの表示だけでは遅延の原因を
最近、開発中にCookieの挙動で小一時間デバッグして、Firefoxの拡張機能であるFirecookieを使って解決したことがありました。Firecookieって実は便利だと思ったのでご紹介します。 デバッグの概要 CakePHPを利用して開発していたときにおこった、Cookieによるセッションが継続しない、といったトラブルだったとおもいます。ある条件下でCookieが読み出しできるパスがおかしくなるのが原因だったのですが、その特定にFirecookieが役立ちました。 Firecookieとは何か FirecookieはFirefox+Firebugの環境で利用できる拡張機能です。以下のページからインストールできます。 Firecookie :: Firefox Add-ons Webプログラムを作っていると、Cookieを使ってログイン状態を作ったりします。Cookieはユーザのマシ
インターフェイスが一新し、スピードも向上、機能もアップした『Firefox 4』。Chromeなど、他のブラウザのユーザさんの中には「どれほどいいブラウザなのか気になるけれど、乗り換えるのはちょっと様子見...」という方もいらっしゃるかもしれませんね。そこで、米Lifehacker編集部のWhitsonが、ChromeからFirefox 4に乗り換えた理由について綴っているので、そちらをご紹介します。 Whitsonは元々Firefoxユーザではなかったそうです。Chromeがリリースされるまでは、いろんなブラウザをあれこれ使っており、ChromeにしてからはChromeばかり使っていたとか。Chromeは速い上に拡張性があり、すべてのプラットフォームで利用可能と、ユーザ数が増えるにつれ、どんどん良くなっていきました。 しかし、みな口々にFirefox 4のスゴさを語っているので、ついにW
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
Firefinderとは何か？ https://addons.mozilla.org/en-US/firefox/addon/11905/ CSSセレクタやXPathで要素を検索出来るFirebugの拡張です。 どんな人にお勧めか？ hiddenフィールドの値を閲覧したり、 formのどの要素のnameが何かとかさくっと見たくなることないですか？ あるならお勧めです。 Firebugには既に$$というCSSセレクタで要素を検索出来る関数があるんだが？ CSSセレクタのサポートの度合いが違います。 $$関数では基本的なCSSセレクタしかサポートされていないので、 例えば、ここなら、http://images.google.co.jp/advanced_image_search?hl=ja $$('input'); // [input, input ja, input Google 検索, i
FireQuery is a Firebug extension for jQuery development jQueryを扱う際に便利なFirebug拡張 現在のバージョンは0.3 結構前に紹介されていたけど、ちゃんと使いこなせてきた感じなので紹介する。 以下、各機能について紹介と解説。 jQueryオブジェクトのconsoleへの表示 jQueryオブジェクトをFirebugのconsoleへの出力 1.2系の場合通常のオブジェクトとして表示されてしまいどの要素を抱えているかぱっと見て把握出来ない、 1.3系の場合は通常の配列と同じように表示される。 jquery12.fn.jquery;// 1.2.6 jquery12('div');// Object length=6 0=div#main 1=div#outer1.outer jquery13.fn.jquery;// 1.3
皆さんご存知のFirefoxのアドオン「firebug」コーダーとかであれば、これを入れている人はかなり多くいると思います！ しかし、中には『linker』のまーしーさんや『スグラボ』のフジカワさんのように、”いまいちFirebugを使いこなせていない”なんて人もいるのではないでしょうか？ 今回はそんな方もふくめ「FireQuery」のご紹介を仕様と思います！個人的にかなり便利だと思います。 FireQueryとは？ FireQueryは、Firebugを便利にさせる機能強化アドオンで、Firebugのコンソールで楽々jQueryを使えるようにしたり、DOM画面イベントがどこについているのかとかを確認することができるようになるツールです。 ただのFirebugでもJavaScriptのデバッグや動作の確認をすることはできたのですが、FireQueryを入れることによって、jQueryを使っ
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
