Chrome との非互換性 - Mozilla | MDN
ブラウザー拡張機能始めましょう拡張機能とは何か？初めての拡張機能2 つめの拡張機能拡張機能の中身拡張機能の例次にどうするのか？概念JavaScript API 群コンテンツスクリプトBackground scriptsマッチパターンファイルの操作国際化Content Security PolicyネイティブメッセージングネイティブマニフェストUser actionsDifferences between API implementationsChrome との非互換性ユーザーインターフェイスツールバーボタンアドレスバーボタンサイドバーコンテキストメニュー項目オプションページ拡張機能ページ通知Address bar suggestions開発者ツールパネルBrowser stylesポップアップ逆引きリファレンスHTTP リクエストへの介入ウェブページを変更するInsert external
ページのJavaScriptを動的に書き換えて実行する - Qiita
DevToolsで動的にページのJavaScriptを書き換えて実行できるのを数ヶ月前まで知らなかったのでメモ。 上のGIFでは、DevToolsのSourcesタブから、ページ内で読み込まれているJavaScriptのファイルを選択して、onkeydownで呼ばれる関数の中を書き換えて、⌘ + sで保存してる。そのあとtextareaに文字を入力すると、書き加えたコード（ここで追加してるのはconsole.logね）が実行されて、文字列が下部のConsoleに出力されてるのがわかる。 ちなみに、1行目にブレークポイントを置いて停止している間に書き換えることもできる。当然、全部削除して保存すると何も実行されなくなる。 HTTPSでローカルプロキシしにくいページとかでデバッグするのに便利かなーと思った。
ヘッドレスブラウザ(Chrome)を使ってSPAをスクレイピングする - Qiita
一般的なスクレイピング手法とその問題点 スクレイピングというと、HTTPクライアントライブラリを用いてHTML取得し、HTML/XMLパーサーで解析するというのが一般的だと思います。 この手法の場合、以下の場合にうまく処理できません。 ターゲットのページがJavaScriptにより動的にDOMを操作する場合 HTML/XMLパーサーが取得したHTMLを正しく解釈できない場合(正しくないHTMLでもブラウザはなんとか処理するが、パーサーライブラリは正確なHTMLでないと処理できないことがある) 特に問題になるのは前者でしょう。最近のWebサイトではJavaScriptでDOMを操作することは珍しくなくなってきています。SPAであればなおさら難しく、もはやこういった手法によるスクレイピングは不可能でしょう。 ヘッドレスブラウザによるスクレイピング 動的なDOMやパーサーがうまく解釈できないとい
Chrome DevToolsを使ってJavaScriptのメモリリークを検出し、解消する - 人生dat落ち
JavaScriptを書いていたらブラウザがくっそ重くなる症状に出くわした。あぁ、噂のメモリリークですわ。 先人の知恵に頼るマン。それっぽい記事が見つかる。 javascriptのメモリリーク対策(随時更新) - Qiita Shibu’s Diary: JavaScriptのメモリリークを10倍速で発見する Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools Writing Fast, Memory-Efficient JavaScript - Smashing Magazine angularjs - How to catch memory leaks in an Angular application? - Stack Overflow 上の記事はProfiles + Take Heap
New JavaScript techniques for rapid page loads
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
いまさらまとめるChrome ExtensionでのJavaScript挿入 - console.lealog();
今さらやけど、まとめ。 注：自分用まとめのため、下記リンクとか見ていただいた方が幸せになれるかもしれません。 参考：Hello There! - Google Chrome メッセージングとかそういった高尚な内容にも踏み込まないレベル。 最低限の構成 Chrome拡張！とは言えそんな身構える必要はなくて、最低限のファイルさえ用意すれば、ちゃんと動いてくれます。 manifest.json (アイコン) ほんと、最小限すぎるけどコレだけでも立派な拡張として認識してくれますｗ manifest.json { // Require! "manifest_version": 2, "name": "myEx", "version": "1.0", // Recommend. "description": "My first extension.", "icons": { "16": "icons/
Post by @0-9
PCのみならDevToolsだけでもいいけど、スマホのWebView内解析とか考えるとLocal Proxyは必須
Google Chromeに入ったジェネレータとPromiseで非同期処理に革命が起きた - 素人がプログラミングを勉強していたブログ
Google Chrome Canary（正確にはV8）に、ついにGenerators（yield）が入った。これを上手に使うと、エラー処理を含む非同期コードを同期的に書くことができるようになり、見通しが極めて良くなるので、ここで紹介する。 ここで紹介するものはいずれNode.jsでも使用できるようになるので、Webとの互換性を気にする必要のないNode.jsでは近いうちに活用できるようになると思う。 下のコードを動かすためには、最新のGoogle Chrome Canaryで、chrome://flagsからexperimental javascriptを有効にしておく必要がある。 ES6 HarmonyのGenerator構文について functionではなくfunction*というキーワードを使うと、yieldキーワードが使えるようになる。 function* range(begin
WEB+DB PRESS Vol.74でJavaScriptのメモリリークについて書きました！ - はてブロ@ama_ch
WEB+DB PRESSで連載中の「JavaScript活用最前線」が2年目に突入しました！ 第7回目となる今回は、JavaScriptのメモリリークとChrome Developer Toolsのヒーププロファイラを使った解析方法を書きました。 WEB+DB PRESS Vol.74 作者: 井上誠一郎,奥野幹也,田中慎司,西嶋悠貴,伊藤直也,登尾徳誠,天野祐介,後藤秀宣,ヒノケン,近藤宇智朗,近藤嘉雪,渡邊恵太,堤智代,中島聡,A-Listers,はまちや2,川添貴生,WEB+DB PRESS編集部出版社/メーカー: 技術評論社発売日: 2013/04/24メディア: 大型本この商品を含むブログを見る 近ごろはJavaScriptでもメモリ管理を気にかける機会が増えていると感じます。少し前まではメモリリークというとIEのJSとDOMの間で循環参照がナントカみたいな話が多かったですが、最
JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」:phpspot開発日誌
JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 2011年05月10日- JavaScript Errors Notifier - Chrome ウェブストア JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 エラーがあった場合に、アドレスバーの星アイコンのとなりに次のように通知してくれます。 アイコンをクリックすれば具体的なエラー内容が分かるという物。 赤のアイコンでエラー検知が分かりやすくていいですね。 通常の状態ではエラーがあろうと、デベロッパーツール等でコンソールを開いてない限り気づくことは出来ませんが、これは開発者は必須のツールかもしれませんね。 関連エントリ PHPのエラーなんかをブラウザで確認できるC
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
Chrome、再び最速ブラウザの座へ - JavaScript新技術"クラフトシャフト" | エンタープライズ | マイコミジャーナル
Google Chrome runs web pages and applications with lightning speed. Googleは8日(米国時間)、ChromeのJavaScriptエンジンV8をさらに高速化する新技術「Crankshaft (クランクシャフト)」を開発したことを発表した。Intel 32ビット向けのChrome最新開発版にはすでに同機能が実装されているという。起動時間とピーク時性能の双方のケースで性能を向上させる技術で、場合によっては従来のV8エンジンと比較して2倍の性能を実現したものもあるという。ページの読み込み速度は12%ほど向上したという説明もある。 クランクシャフトのアイディアの根幹は、頻繁に繰り返し実行する部分は徹底的に最適化を実施して、そうでない場合には最適化を施さないというもの。この2つを徹底したことで大量のJavaScriptを含むペー
javascript - Webkitでは$が定義済みな件 : 404 Blog Not Found
2010年09月09日13:00 カテゴリLightweight Languages javascript - Webkitでは$が定義済みな件 これに対する驚愕の事実。 [を] JavaScript のセレクターの定番イディオム JavaScript の定番イディオム。 function $(id) {return document.getElementById(id)} document.getElementById() の省略記法として $() を使うためのおまじない。 Google Chrome 6 の $ は function () { return document.getElementById.apply(document, arguments) } ですね。#JavaScriptless than a minute ago via Chromed Birdthink49 t
Webkitでstyle要素をdisabled=trueにしてもスタイルシートを無効にできない - rikubaのブログ
SafariやGoogle Chromeで、style要素をdisabled=trueにしても、そのstyle要素のスタイルシートを無効にできない。 document.getElementsByTagName('style').item(0).disabled = true; 一方link要素で読み込んだ外部スタイルシートは、そのlink要素をdisabled=trueにすることで無効にできた。 解決策が分かるまで、はてなダイアリーで好きなテーマ(デザイン)を適用するブックマークレットはWebkit対応はおあずけ。使えないこともないけれど、ダイアリーによってはぐちゃぐちゃになる。 document.styleSheetsからなら無効化できた。 document.styleSheets.item(2).disabled = true; でもこれだと文書順でしかスタイルシートを特定できない。
コンテント・スクリプト | Chrome Extensions API リファレンス
Bbfstoto adalah situs slot online peluang maxwin tertinggi yang bisa didapatkan dari slot gacor terbaru bergaransi. Kemenangan luar bisa dan mudah menjadi daya tarik bermain pada situs slot terbaru. Didukung dengan mekanisme peluang lebih besar hingga 70% berbanding 30% semua bisa merasakan withdraw besar. Awal mula munculnya judi slot hanya untuk kalangan menengah keatas, namun era sudah berubah
Google Chrome ではてなスターコメントの出現位置がおかしい件とその原因 - IT戦記
Google Chrome ではてなスターコメントの出現位置がおかしい こんな感じ 原因は Ten.js の以下の箇所 getMousePosition: function(pos) { // pos should have clientX, clientY same as mouse event if ((navigator.userAgent.indexOf('Safari') > -1) && (navigator.userAgent.indexOf('Version/') < 0)) { return { x: pos.clientX, y: pos.clientY }; } else { var scroll = Ten.Geometry.getScroll(); return { x: pos.clientX + scroll.x, y: pos.clientY + scrol
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google Chrome」で開いたCSS/JSコードを整形・色分けする拡張機能「PrettyPrint」NOT SUPPORTED
ページ内に仕掛けられた全てのEventListenersの設定元の一覧をダンプし、必要な対策を施す方法 - latest log
Loading...
Google Chromeでバグっぽい現象が発生 - へぼいいいわけ