Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発
UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可能だ。 GoogleのWebブラウザ「Chrome」は、ユーザーインターフェイスを持たずコマンドラインやリモートデバッグ機能を通じてWebブラウザを操作できる「Headless Chrome」機能を備えています。この機能は2017年6月にリリースされた「Chrome 59」から実現されたものです。 Headless Chromeを利用すると人間がWebブラウザをマウスやキーボードで操作することなく、プログラムでHeadless Chromeを起動し、特定のWebページを読み込み、画面キャプチャの取得や、指定された場所をクリックし、値を入力し結果を取得する、といった操作を自動的に行わせ
Chromeのヘッドレスブラウザがやってくる。というわけで試してみた。 - Qiita
注意：この記事は古いです。2016年06月06日に書いた記事です。 2017/04/14 追記： Chrome59から正式にヘッドレスモードが搭載されます。 ヘッドレスモードではPhantomJSなどのようにJavaScriptでヘッドレスブラウザを制御することも可能です。 https://chromium.googlesource.com/chromium/src/+/master/headless/ 2017/06/07 追記： NightmareJS風に操作できるライブラリをリリースしています。 ヘッドレスChromeをもっとも簡単に操作できると思われるNightmareJS風ライブラリ http://qiita.com/devneko/items/3689b46fc2bcdb8121a8 先日、Googleの人が「Headless Chrome is coming so soon」
wasavi (VI editor for any web page)
wasavi is an extension for Chrome, Opera and Firefox. wasavi transforms TEXTAREA element of any page into a VI editor, so you can edit the text in VI. wasavi supports almost all VI commands and some ex commands. wasavi is under development. Any bug report or feature request is welcome. And we also welcome a donation to continue development: 日本語版のREADME A Quick Walkthrough Here is a native TEXTAREA
Chrome でキャレットモード(モドキ)を実現する方法｜Ruby と iPhone と UI と
Chrome を使っていると、キャレットモード(キャレットブラウジングモード)で 使いたい時がたまにあります。(キーボード使いの人だけだろうけど) なので、できないのかちょっと調べてみました。 その結果、 Chrome 自体にはキャレットモードはない！ 拡張機能 Caret mode があった ショートカットキーが機能せず、使用できなかった ソースいじくってショートカットキーを変更して使用できるようにした 個人的に上記の拡張機能が使いにくかったので、ViChrome を改造した ということに。 ……調べるだけのはずが、 最後には、いつもの無ければ作ればいいじゃない理論になっていたという恐怖。 拡張機能 Caret mode があった それがこれです↓ Chrome Web Store - Caret mode この拡張機能なんですが、マシンによっては大きな問題が……。 ショートカットキーが
「Google Chrome」が快適に！ 自動でメモリを開放してくれる拡張機能『Tab Memory Purge』 | NANOKAMO BLOG
photo credit: KateMonkey via photo pin cc どうも@kuroji1987です。 超絶便利なChrome拡張機能を発見したのでご紹介します。 その名も『Tab Memory Purge』。しばらく放置していたタブの読み込みを自動的に停止して、Chromeのメモリを解放してくれるという拡張機能です。 これ入れてから快適すぎてやばい！ だって僕のMacBook Airのメモリ2GBしかないんだもんｗ でもほんと、僕みたいな人にはかなりオススメです。 『Tab Memory Purge』の使い方 まずはこちらにアクセスして拡張機能をインストールします。 以上！ ほっとくだけでメモリを開放してくれます。アンロードされたページは以下のようにページタイトルとurlが表示されるだけ。他は真っ白です。 これだけでも充分なのですが、このままだと例えば「ブログ更新中にF
WEB開発者はインストール必須のChrome拡張「Pendule」:phpspot開発日誌
Chrome ウェブストア - Pendule WEB開発者はインストール必須のChrome拡張「Pendule」。 昔からあるChrome拡張ですが知らない間に色々と便利になっているようだったのでご紹介。 ４月からはたいている新入社員のWEBデベロッパーさんにもオススメ インストールすると以下のようなボタンが表示されますのでクリック。 まず、StyleSheetのタブではCSSを見れる、CSSがその場でリロードできたり、CSSをを無効にできます サイトで使われているカラーを１６進数で出してくれる機能もあります CSSビュー。折畳み可能で使いやすく見やすい Formsタブ。パスワードを表示したり、hiddenなフィールドのアイテムを表示したりできちゃいます。恥ずかしい！ Imagesのタブでは全部の画像を非表示にしたり、背景画像を非表示にしたり、altを全部表示したりといったことが可能 そ
アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール
モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ
これはすごい！Chromeで最強のコマンド環境を構築する方法「gleeBox＋Quix」 - Chrome Life
皆さんはキーボード派ですか？マウス派ですか？ 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方なくマウスで操作するしかありません。 そこで今回ご紹介するのは、Chromeをコマンドで操作できるようにしてくれるキーボード派のためのエクステンション「gleeBox」です。 「gleeBox」は、Chrome上に入力ボックスでコマンドを打ち込むだけで様々な操作が可能になるエクステンションです。 何がそんなにスゴイかというと、ほとんどマウスを使わなくても操作ができるように様々なコマンドが用意されて
よくアクセスするページを非表示に！Chromeの新しいタブをカスタマイズできる拡張機能「New Tab Redirect!」 | 和洋風◎
Chrome世界一まいしてる・・・。するぷ（ @isloop ）です！ 先ほど、Mac OS X Lion新機能、マイファイルを非表示にする方法を書いたのですが、ひとりぶろぐさん（ @hitoriblog ）に、「Chromeの「よくアクセスするページ」もplz」といわれてしまったので、その方法も書いてみたいと思います！ New Tab Redirect!という拡張機能を使えば、「新しいタブ」を改造できる！ Chromeよくアクセスするページを非表示に | nowhere http://www.kz-island.net/ 僕もよくアクセスするページを非表示にする方法を知りたかったので、その方法を調べてみました。すると、新しいタブページを改造できる拡張機能があるという情報をnowhereさんから入手！ さっそく、上のページで紹介されていた、New Tab Redirect!という拡張機能を
コーヒーサーバは香炉である » Google Chrome 用機能拡張 “CustomBlocker” をリリースしました
Google Chromeの機能拡張を作ったので公開しました。 CustomBlocker (Chrome Web Store) かなり細かいフィルタリング機能を追加します。 どこのサイトで どの要素の中を検索して どんなキーワードが含まれたら どの要素をブロックするか というのを全部自分でカスタマイズできます。 HTML文書の中の狙った要素(しかも複数)を選択するとなると、どうしてもXPathを自力で書いたりしないといけないので非常に面倒だし、それなりに知識が要りますが、この拡張にはHTML文書の中の要素を選ぶとそれに類似した要素を選択できそうなXPathをいくつかsuggestしてくれるという親切機能をつけておきました。たとえば、Twitterの「本文」をひとつクリックすると、空気を読んで同類の要素を選択できるXPathをひねり出してくれます。 これを使うと、 TwitterやFa
SourceKit - Text Editor Inside Chrome - Chrome ウェブストア
A Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox, so if you have... A Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox, so if you have the Dropbox sync software installed, the changes will appear locally as if you did so with a text editor! Changes will be stored remotely so
Google Chromeで英辞郎の辞書をサクサク検索できる拡張EijiroXがすごい : しげふみメモ
2010年12月10日22:06 カテゴリGoogle Chrome英語 Google Chromeで英辞郎の辞書をサクサク検索できる拡張EijiroXがすごい みんな大好き英辞郎。 辞書データを購入すれば、PC内の辞書をGoogle Chromeで検索できるようになる拡張が公開されています。 EijiroX - Google Chrome extension gallery インストール方法などの詳しい説明は以下。 ブラウザで英辞郎を検索する EijiroX - by edvakf in hatena edvakfさん、ありがとうございます。 辞書は購入する必要があります。 英辞郎（えいじろう・EIJIRO）の最新情報 検索ソフト付の英辞郎 第五版でもOKです。 私は英辞郎 第五版を使用しました。 第五版では、Eijiro5Tフォルダ内の TXT.zip を展開してできるTXT形式のファ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://buchineko.website/chrome-devtools-cording/
chrome.bluetooth | Platform Apps APIs | Chrome for Developers
chrome.usb | Platform Apps APIs | Chrome for Developers
chrome.serial | Platform Apps APIs | Chrome for Developers
ushigyunet｜iPhoneからゲームやグルメまで、ひたすら詳しくレビューするブログ
chromedevtools - Project Hosting on Google Code
Maemo Arena