GitHub - puppeteer/puppeteer: Node.js API for Chrome
import puppeteer from 'puppeteer'; (async () => { // Launch the browser and open a new blank page const browser = await puppeteer.launch(); const page = await browser.newPage(); // Navigate the page to a URL await page.goto('https://developer.chrome.com/'); // Set screen size await page.setViewport({width: 1080, height: 1024}); // Type into search box await page.type('.devsite-search-field', 'auto
Chrome拡張の開発方法まとめ その1：概念編 - Qiita
Chrome拡張の開発に必要な知識とかの覚書です。 この記事では開発の前に知っておくべきChrome拡張の全容について解説していきます。 「実際に開発しながら学ぶ」形式の解説記事は多く見られるのですが、概念についてちゃんとまとめてある記事は見当たらず、そこらへんの理解で結構苦労した覚えがあるので、そういった人達の手助けになればと思います。 対象 Chrome拡張が作りたい人 Javascriptがまあまあわかる人 Chrome拡張の各概念がいまいちわかってない人 概要 まずはChrome拡張の大まかな構造について説明します。 Chrome拡張はHTMLとCSSとJavascriptで作られています。 必要なhtml,css,jsファイルなどと後述のManifest Fileを一つのフォルダにまとめたものが一つの拡張機能のまとまりとなり、zipで圧縮してアップロードすることでストアで公開する
Google Chromeタブ固定解除ができないと思ったら
今回は、Google Chromeブラウザについて。 「タブの固定」という、タブをロックしてずっと表示させておきたい場合など便利な機能があるのですが、いざ解除しようとして、「タブの固定を解除」を行い、タブを消してブラウザを閉じる。 その後、Chromeを起動すると・・・またタブを固定したページがある！！ あれ？ さっきタブの固定解除したよね？ 不具合？ と思っていたら、解決方法が書いてありました。 「タブの固定を解除」したページを閉じてしまうと、次回も固定されて表示されるみたい。 よって解決法は、「タブの固定を解除」したら、ページは表示したままブラウザごと終了させる（タブは閉じない）。 その後、ブラウザを再度開いてもタブは表示されない。 なんとなく変わった設定だこと。 数日間これで悩みました、とさ。
Gifアニメを作るChrome拡張Animated Gif Captureを公開しました - demouth::blog
「Animated Gif Capture」というアニメーションGifを作るChrome拡張を公開しました。 Chromeに表示中のWebページをアニメーションGifに変換します。また、オプションページから設定を変更すると、デスクトップやChrome以外のウィンドウもアニメーションGifにすることが出来ます。 Chrome Web Storeに登録してあるので、ここからインストールできます。 Chrome Web Store - Animated Gif Capture - アニメーションGifキャプチャ キャプチャ例 Flashもキャプチャできます。 ※http://demouth.net/sketch/016/ 以前私がAS3で作ったやつ FlashのキャプチャできるのでVimeoでもYouTubeもいけます。 フレームレートを高めると滑らかなアニメーションGifになります。 ※これは
Chromeプロセス数を減らしてメモリを節約する - clock-up-blog
概要 Chromeの常駐プロセス数を一定の数に抑え、メモリ圧迫を防ぐ。 注意 見つけたばかりのオプションであり、検証は不十分です。 自己責任で設定をお願いします。 設定の仕方 Chrome の起動オプションに「--renderer-process-limit=数字」を付けるだけ。 これでレンダープロセスの数が制限される。 どれくらいの値が適切かはいまいち分からないが、感覚としては「--renderer-process-limit=5」くらいあれば十分な気がする。自分はさらに絞って「--renderer-process-limit=2」で運用していますが、今のところ大きな問題には遭遇していません。 Chromeショートカットのプロパティから 「 --renderer-process-limit=数字」を付けます。 比較 Windows7 64bit / Chrome 27.0.1453.11
Chrome Logger - Server side application debugging
About Chrome Logger is a Google Chrome extension for debugging server side applications in the Chrome console. Most languages include their own logging capabilities, but sometimes it is easier to see your logs right in the browser. Chrome Logger used to be known as ChromePHP. If you are feeling generous, you can donate to help support development. Usage Using Chrome Logger is simple: Install the C
Chrome拡張では、Background pages よりも Event pages を使用したほうが良い - よんちゅBlog
これからChrome拡張を作る方には是非知っておいて欲しい機能、Event pages についての話です。 Event pages は、作成したChrome拡張によっては、必ずしも使用できるわけではありませんが、もし可能なら積極的に使用してほしいと思います。 公式ドキュメントでも、Background pages のページ冒頭には、以下の様な注意書きがなされています。 Caution: Consider using event pages instead. Learn more. via: Background Pages - Google Chrome なぜ Event pages なのか 理由を詳しく説明すると、 Background pages を使用している拡張は、Chrome起動時にプロセスが起動され、以降Chromeが終了するまで生き続けます。 よって、例え Backgroun
画面を2分割できるChrome拡張機能『Frame two pages』 | ライフハッカー・ジャパン
「Frame two pages」は、開いている2つのタブを1つのページにまとめて表示できるChrome拡張機能です。左右だけではなく、上下に分割することも可能。2つのタブを1画面に表示したいときにどうぞ。 拡張機能をダウンロードすると、Chromeの右上に常駐します。このアイコンを押すと、左右分割か上下分割かを選択するダイアログが開きます。「1」を選ぶと左右、「2」を選ぶと上下に分割されます。 この拡張機能を使うと、直前まで開いていたタブより左の2タブまでを1画面に同時に表示できます。時々表示されないエラーが生じることがありますが、その場合は分割後の左右それぞれのタブにURLを直接入力して表示させることが可能です。 例えば、ウェブ関係の仕事をしている人なら、新旧2つの成果物をブラウザでチェックする時に便利です。また個人投資家の方なら、2つの株式銘柄を並べて表示させたい時などに役立ちます。
便利な人には便利なChromeの拡張機能 33＋1コ | gaspanik weblog
皆さんの普段使いのWebブラウザはなんですか？ ここ最近のボクはといえば、GoogleさんのChromeをメインブラウザとして使っています。Chromeも公開されているアプリや拡張機能を追加して、自分なりのブラウジング環境を作れます。そのまま使うか、拡張機能でカスタマイズするかはあなた次第です。 そんなわけで、今日は数多ある拡張機能の中からボクが選んだ入れておくと便利かもしれない拡張機能を33＋1コ集めてみました。前半は多くの人を対象に日常のブラウジング体験を快適にするもの、後半はWebサイトの開発系でちょっと役立つものといった感じでジャンル分けしてお届けします。ま、あくまでもボクが普段使ってるものベースですが…、キャプチャ中の★やユーザー数も参考に。 いくら拡張機能が便利だって言っても、入れすぎたらそれは重くなるだけですからね。適当に取捨選択して入れるなり、使う時だけオンにするなりしまし
Google Chrome 拡張機能41個まとめ Google Chromeを壊してまで厳選 - WEBマーケティング ブログ
いろいろとGoogle Chrome拡張機能を試していたら、入れすぎたらしく、壊れてすべてリセットされるアクシデントに見舞われましたｗ おまけにChrome テーマまで綺麗にデフォルトへ戻してくれるとは、、、ともかく入れすぎは注意なので、厳選したものだけをご紹介します。 → 新着のおすすめChrome拡張機能はこちらです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 厳選Google Chrome 拡張機能 まとめ 【永久保存版】 今回のコンセプトは、 複数機能をひとつにまとめられるものを優先 ボタンはなるべく少なく済ませる といったものです。大事なことなので繰り返し言いますが、何せ入れすぎると壊れるから。。。 また、あまりにも不安定すぎて、使いものにならないと判断したものも、ここではご紹介し
)
Google Chrome 拡張機能41個まとめ Google Chromeを壊してまで厳選 - WEBマーケティング ブログ
いろいろとGoogle Chrome拡張機能を試していたら、入れすぎたらしく、壊れてすべてリセットされるアクシデントに見舞われましたｗ おまけにChrome テーマまで綺麗にデフォルトへ戻してくれるとは、、、ともかく入れすぎは注意なので、厳選したものだけをご紹介します。 → 新着のおすすめChrome拡張機能はこちらです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 厳選Google Chrome 拡張機能 まとめ 【永久保存版】 今回のコンセプトは、 複数機能をひとつにまとめられるものを優先 ボタンはなるべく少なく済ませる といったものです。大事なことなので繰り返し言いますが、何せ入れすぎると壊れるから。。。 また、あまりにも不安定すぎて、使いものにならないと判断したものも、ここではご紹介し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
getEventListeners(node) - hogehoge @teramako
Nothing - Chrome Web Store