一定期間更新がないため広告を表示しています
<< 【MySQL】全文検索プラグインを試してみる | main | jQuery 1.6(+) のバグ?jQuery.support.style に注意 >>
2014.08.06 Wednesday
一定期間更新がないため広告を表示しています
-||-|-|by スポンサードリンク
2011.02.21 Monday
JS&CSS Highlighter - Google Chrome 拡張機能ギャラリー
JS や CSS ファイルを直接 Chrome で参照した時、カラーリングもせずに見難いと感じないでしょうか。そんな時に「JS&CSS Highlighter」をインストールしておくと、綺麗に色を付けて表示してくれます。
また、JS Beautifier によって、1行に圧縮されているコードを整形してくれる機能も付いており、大変便利です。
下のキャプチャは /packer/ で一行に圧縮したソースコードを JS&CSS Highlighter で表示してみた物です。
なお、使用の際には一点注意してください。
「JS&CSS Highlighter」は &、<、> などの演算子を HTML エンティティに変更した後、JS Beautifier によって分割してしまうバグを抱えています。
つまり「<」があったとすると、「& lt;」にして表示してしまうと言う事です。
この問題を対処するには、エクステンション内部を修正する必要があります。
下記の JS を開いてください。
▼Windows(他の環境では違う可能性があります)
C:¥Documents and Settings¥[ユーザー名]¥Local Settings¥Application Data¥Google¥Chrome¥User Data¥Default¥Extensions¥cjkhlhfecbaiapfkmmebdpbeengcelld¥1.0.0_0¥resource¥contentscript.js
▼Mac
/Users/[ユーザー名]/Library/Application Support/Google/Chrome/Default/Extensions/cjkhlhfecbaiapfkmmebdpbeengcelld/1.0.0_0/resource/contentscript.js
次に 25 行目のコードを変更します。
他に CSS の方(29行目)もあるので、修正しておくのが無難かもしれません。
最後に Chrome を再起動、または拡張機能から「JS&CSS Highlighter」を一旦無効にして有効に切り替えれば反映されます。
この問題で重要なのは、html() を使うと HTML エンティティ化してしまうので、nodeValue を用いてそのままの値を取得すればバグを回避出来ると言う事です。
JavaScript|19:10|comments(0)|trackbacks(0)|by ニノミヤ カズノリ
2014.08.06 Wednesday
-|19:10|-|-|by スポンサードリンク
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 | ||||||