Headless Chrome をさわってみた | CYOKODOG
Headless Chromeのリリースをうけて、PhantomJS のメンテナーが開発の終了を宣言したりとか、ちょっと話題になった Headless Chrome について試してたことをメモっておく。 試したやつのリポジトリ：https://github.com/cyokodog/headless-chrome 概要 ヘッドレス（GUIを表示しない状態）で実行できる Chrome の機能 Chromium と Blink が提供する機能をコマンドラインで利用できる Chrome 59 から利用可（2017/06/08時点ではMAC、Linuxのみ） 活用例 ウェブページのテスト 表示・動作テスト、画像やPDFによる画面のスクリーンショット スクレイピング 認証が必要なサイトでも対応 ヘッドレスで起動する --headless フラグと --disable-gpu フラグ（そのうち指定不要
任意のサイトで任意のJavaScriptを自動実行させるChrome拡張 - Qiita
任意のサイトで任意のJavaScriptを自動実行させる拡張機能の紹介です。 nakajmg/ScriptAutoRunner 使い道 スニペットを実行させておきたいときに jQueryなどのライブラリを挿入しておきたいときに デバッグに devtools-snippets/にあるconsoleを拡張するスニペットなど、スニペットをあらかじめ実行しておく必要があるものなどに使えます。 ブックマークレットなどで挿入していたjQueryなども自動で挿入することができます。 ホスト名でフィルタリングできるので、デバッグにも使えると思います。 使い方 まず実行させたいスクリプトを追加します。スクリプトの追加は拡張のオプションページから行います。 オプションページは次の3つの方法で開くことができます。 拡張機能のアイコンを押して歯車アイコンをクリック 拡張機能のアイコンを右クリックして"オプション"
導入から公開まで13時間！Chrome拡張機能の開発[6of6] | クラサーブなICTと共に
最初の記事に書いた苦労したポイントについて補足したいと思います。 苦労したポイント 生のjavascriptではなく、jQueryを使えるようにするにはどうすればいい？ 対象ページの内容を変更する方法は？contentscriptによる方法とexecuteScriptがある？ backgroundを含む拡張部分とcontentscriptとはDOMを共有しないので変数や関数が互いに参照できない。その場合の通信方法はどうするの？ デバッグはどうすればいい？background.jsを含む拡張部分。contentscript部分。 生のjavascriptではなく、jQueryを使えるようにするにはどうすればいい？ これは「manifest.json」に明記すればよいです。例外として「popup.html」を見ていただければ分かるようにHTML中に記述しています。 対象ページの内容を変更する方
Chrome のUI描画周りがおかしいときの対処 - clock-up-blog
なんかメニューがチラチラと消えるんですけど… 謎い。 メニューの中のサブメニューを開くとメニュー項目が消える。 後で試したがコンテキストメニューでも同様の現象が起きた。 先に結論 Chrome の起動オプションに「--disable-gpu」を入れると余計なアクセラレーションが働かなくなって問題が解決されることがあるよ、というお話。 再現状況と原因の考察 何故かサブモニタ上でのみこの現象が起きる。 しかも最近は再現率100%で起きる。 環境は以下の通り。 Chrome 32.0.1700.72 m Windows 7 Home Premium Thinkpad X1 Carbon サブモニタ上でのみ問題が発生するってことで、描画周りが怪しいといえば怪しい。 GPU関連情報を見てみる 「chrome://gpu」でGPU関連情報が表示されるんだなコレが。 「Texture Sharing」が
ブックマークレットからChrome拡張機能を作れるサイト | ライフハッカー・ジャパン
Chrome：「拡張機能は使っているけど、ブックマークレットを使ったことがない」という人が多いように感じます。 私も知り合いにブックマークレットを説明しようとする時、JavaScriptの長々とした文字列を見せても「？」となることが多いです。「文字列をブックマークバーにドラッグして云々」と言っても、よくわからないと返されるのがオチ。せめて拡張機能であれば、「ダウンロードするだけでOK」だと説明できます。 ということで、ここではブックマークレットから拡張機能を作る方法をご紹介。クリック1回でブックマークレットから拡張機能を作れます。今回は、Pinterestのブックマークレットを例にして説明します。このブックマークレットは、クリックすると開いているサイトの画像を抽出してPinterestのボードにPinできるというもの。これをChrome拡張機能にしてみます。 拡張機能の作り方 「Conve
Chromeの「シークレットウィンドウ」はWeb開発にとても使える
皆さん、Google Chrome の「シークレットウィンドウ」使ってますか？ Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、残念ながら Google Chrome の「シークレットウィンドウ」機能はそれほど使われていないようです。 あれほど Web 開発に使える機能は他にないのに…と残念に思っていても仕方ないので、活用方法をまとめて記事にしてみました。 目次 まずは基本の使い方 Webサービスにログインしている状態としていない状態を同時に確認 Webサービスに2つのアカウントで同時にログイン Webページの表示がおかしい時は、まず「シークレットウィンドウ」で確認 検索エンジンでの順位チェックは「シークレットウィンドウ」で ニコニコ動画が何度もエラーになる時は「シークレットウィンドウ」で まずは基
「Google Chrome 9」のFlashで日本語入力できない症状の対策方法|ガジェット通信 GetNews
2011年02月04日にWebブラウザ「Google Chrome 9」の安定版がリリースされました。 「Google Chrome」を使っている多くの人は、自動アップデートなので既に「Google Chrome 9」になっていると思います。しかし「Google Chrome 9」（バージョン9.0.597.84）ではFlashで日本語入力できないという症状が発生しています。 これにより、ニコニコ動画にてコメントが打てない、Flashでのメッセージのやり取りができないなどの問題が発生しています。Windows版Google Chrome 9の対策方法の紹介です。（MAC版Google Chrome 9ではこの対策は効果がありません。） ※一部配信先ですべての画像を確認できない場合があります。すべての画像を見るには、ガジェット通信サイトの記事をご覧ください。 「Google Chrome」に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
(void) » chrome拡張機能開発でjQueryを導入する方法
導入から公開まで13時間！Chrome拡張機能の開発[2of6] | クラサーブなICTと共に
https://developers.google.com/web/tools/setup/workspace/setup-devtools
Google Chrome Developer Tools入門 in DevFestX Sapporo
5509.me