タグ

Firebugに関するasiamothのブックマーク (7)

  • 【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル

    あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(

    asiamoth
    asiamoth 2009/02/25
    どうせすぐウェブ検索することになるので導入した。/ おお、Firebug 自体もかなり軽くなっている! ベンチマークでページのレンダリングを測ると、Firebug ありなしでほとんど変わらないぜ。
  • 少し広く - ellaneous

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); #content hbox, #content tab, toolbarbutton, toolbox, toolbar {border:none !important} #urlbar-search-splitter {display:none !important} #content * {margin:0 !important; padding:0 !important} #content .tab-icon, #content .tab-text-container {margin-right:1px !important} .tabbrowser-tab {max-height:18px !important} stat

    少し広く - ellaneous
    asiamoth
    asiamoth 2009/02/10
    ツールバーや URL バーをせまくして、ページの表示する領域を広くする。Stylish を使用。/ Firefox の ウィンドウを表示してFirebug で調べる方法も覚えておこう。
  • Firebugでブレークポイントを利用したJavaScriptデバッグを - builder by ZDNet Japan

    ビジネスのためのデータ基盤構築 DX時代の企業成長はデータ活用が鍵 新たな展開を後押しするSQL Server活用 ITインフラ運用からの解放 HCI+JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 体験から学んだ成功への知見 マネーフォワード×エム・フィールド対談 Fintechプラットフォーム開発の「鍵」 コンテナをエンプラITに! コンテナ活用の基礎 番実装が増える背景とメリット 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる 高まるゼロトラストの気運 妥協のない安全のために適材適所で組合せ トップ4社によるゼロトラストセキュリティ 身近な改善の第一歩! ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連

    Firebugでブレークポイントを利用したJavaScriptデバッグを - builder by ZDNet Japan
    asiamoth
    asiamoth 2008/11/14
    ブレークポイントの右クリック、は知らなかった!
  • Firebugのconsoleを有効にしているとWebページ側からクリップボードを上書きされる危険性がある - 素人がプログラミングを勉強していたブログ

    簡単に言うと、下のようなコードをWebページ側が仕込んでいると、ユーザーが気づかないうちにクリップボードを書き替えられてしまう。 <script> window.addEventListener("load",function(){ alert("クリップボード置き替えのテスト"); window._FirebugCommandLine.copy("クリップボードが置き替えられてしまう"); },false); </script> これは、FirebugがWebページ側に特権を昇格されてしまわないように、拡張機能と、コンソールのやり取りをイベントで間接的に行なうようにしたことに起因する問題。 以下、いろいろ調べて分かったことのメモ。 例えば、 console.log("foo"); というコードが実行されてから、実際にconsoleに表示されるまでを辿ってみる。 まず、 console.l

    Firebugのconsoleを有効にしているとWebページ側からクリップボードを上書きされる危険性がある - 素人がプログラミングを勉強していたブログ
    asiamoth
    asiamoth 2008/08/26
    少し前のバージョンから、コンソールの実行はサイトごとに決められるけど、それでも危険?
  • Firebugクックブック #1 - bits and bytes

    最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやってもいいけど自動でやればミスったりしないし、気分的には楽なので自動でやりたい、という作業がけっこうないでしょうか。例えば、ページの中の特定の部分の文字列をリストにしてテキストファイルに保存したい、とか。 そこで今回は私が普段よくやっている単純作業をFirebug+javascriptでさくっとかたづける方法を2回にわけてご紹介します。 ページの中からテキストや属性の値を拾う ページの

    asiamoth
    asiamoth 2008/08/23
    FirebugとJavaScriptを使いこなしたい! という人(オレ)の必見記事。とにかく、手を動かさなきゃね。
  • 第2回 Firebugによるデバッグの基本、Console APIとその活用 | gihyo.jp

    さて、前回はインストールからFirebugのタブの基的な部分について紹介をしてきました。今回は、Firebugに実装されているConsole APIの紹介と、Console APIを利用したデバッグ手法について解説していきます。 Firebugで利用できるAPI Firebugには、デバッグに活用できる2つのAPIが実装されています。今回は、その2つあるAPIのうちConsole APIについて解説していきます。 Console API Console APIはFirebugのタブだけでなく、コンテンツ側のJavaScriptから呼び出すことのできるAPIです。デバッグのために便利な関数があらかじめたくさん用意されています。これらの関数を以下に列挙しますので、目を通してください。 console.log(object[, object, ...]) 渡された全てのオブジェクトをconso

    第2回 Firebugによるデバッグの基本、Console APIとその活用 | gihyo.jp
    asiamoth
    asiamoth 2008/05/22
    Firebugでデバッグ。いろんな方法があるので使いこなしたい。
  • norah# : Firebug日本語版

    norah'# - "You do your job. If you get results and people thank you for it, so much the better" norahmodel.exblog.jp ブログトップ 開発版 Firebug 1.6.0.20100126 - ダウンロード 更新履歴 :: ChangeLog 2010/01/26: Firebug 1.6.0.20100126 Dev Edition Release 2009/07/22: Firebug 1.4.0 Release 2009/05/23: Firebug 1.4.0.20090523 Dev Edition Release 2009/05/06: Firebug 1.4.0.20090506 Dev Edition Release 2009/04/08: Firebug 1.4

    norah# : Firebug日本語版
    asiamoth
    asiamoth 2008/05/20
    動作改善されたFirebug1.2の日本語版あり。便利に使ってます。
  • 1