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 スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome Chrome 59 でリリースされますChrome ブラウザをヘッドレス環境で実行する方法です。 基本的に Chrome なしで Chrome をご利用いただけます。Google が提供する最新のウェブ プラットフォーム機能をすべて使用可能 をコマンドラインに追加することもできます。 なぜこれが有用なのでしょうか ヘッドレス ブラウザは、自動化されたテストやサーバー環境に最適なツールです。 表示する UI シェルは不要です。たとえば、特定の環境に対する PDF を作成することも、ブラウザで URL がどのようにレンダリングされるのかを調べることもできます。 Headless（CLI）の起動 ヘッドレス モードを開始する最も簡単な方法は、Chrome バイナリを開くことです。 使用できます。Chrome 59 以降をインストールしている場合は、--headle
GitHub上のnpmパッケージ名をリンクに変えるChrome拡張GitHub Linkerで捗る - teppeis blog
GitHub上のソースコードでrequire('morgan')とか書いてあって、このパッケージってなんだっけ？って "npm + morgan" でググってnpmのサイトかGitHubリポジトリを探すことってよくある。 ありすぎるので、自動リンク化するChrome拡張書こうかなと思って先行実装が無いかググったら、見事にあった。日本語でほとんど紹介されてなかったので紹介するのでNoderは今すぐインストールすべし。 GitHub Linker - Chrome ウェブストア これをインストールすると、GitHub上のファイル(.js, .jsx, .coffee, .md)内のパッケージ名部分が該当パッケージのGitHubリポジトリへのリンクになる*1。 対応しているパッケージシステムは以下。 npm bower Duo Node.js標準ライブラリ (https://iojs.org/a
GitHubで最近更新されていないプロジェクトを簡単に見分けるChrome Extentionつくった · さよならインターネット
June 9, 2014 GitHub Chrome Web Store ファイルが半年以上更新されていなければオレンジに、 1年以上更新されていなければ赤に色が変わるようになる。 比較的実利的だと思うのでご利用ください。 土曜日酒飲みながらダラダラとChrome Extention Hackathonみたいなのを @soh335の家で@shiyakeitaと3人でやっていた。JavaScriptとか全然書いたことなくて インターネット調べながら適当な感じで書いて動いたから、@damele0nにレビューしてもらったら すごい雑な感じだったのにめちゃくちゃカチっとレビューしてもらえた。 よくわからないけどカヤックにいる人はもちろんだけど いたことのある人たちもものをつくるみたいな習慣あって面白い。
Octotree - GitHub code tree
GitHub on steroids Browser extension that enhances GitHub code review and exploration. Features * Fast IDE-like code tree * Quick search in tree format * Bookmark repos, issues, PRs, files * Support GitHub themes * Support private repositories * High performance, working with repositories of any size PRO features * File icon themes * Code font settings * Quick PR navigation * Unlimited bookmarks *
Hometype 2
Mode Hometype has like vim's modes. All modes can be switched with keyboard manipulation. Normal Mode In most cases Hometype is in this mode. You can scroll to up or down on the page, and move to back or forward in the history. Insert Mode Hometype shifts the current mode automatically to this mode when a form is getting the focus. In insert mode don't bind a command to key because you have to inp
LGTMでめでたさを伝えるChrome拡張をつくった
先日、高速にドッグフードを食べる方法を見て、LGTMとLGTM.inというサービスを知りました。 LGTMは、“looks good to me."の略で、GitHubのプルリクに対するOKコメント、LGTM.inは、そのコメントにノリのいい画像を添えてspice upしようというサービスです。コードレビューの終わりにめでたさを伝えてもらえれば、字面だけのLGTMよりもうれしいし、そういう小さな承認はお互いに大事。 ということで、LGTMでめでたさを伝えるChrome拡張をつくりました。 LGTM Chrome拡張 インストールはこちらから。 Chrome ウェブストア/LGTM 拡張を起動するとLGTM.inから取得したランダム画像を3件表示します。 画像が気に入らないときはMore LGTMボタンをクリックして画像を再取得できます。 使い方 使用したいLGTMの画像をクリックするとUR
定番SSHクライアント「Google Chrome」
はじめに こんにちは。KMC2回生のtyageです。 京都もほんとに寒くなってきて鍋が捗りますね。簡単だし美味しいあったまるし、最高ですね。 この記事はKMCアドベントカレンダー2013の17日目の記事で、 昨日は1回生のnona65537君によるSSH の二段階認証についてでした。 今日はGoogle ChromeというSSHクライアントの紹介なのですが、12日間続いたKMCアドベントカレンダーのサブプロジェクトであるSSHアドベントカレンダーもこれで最後になります。 最後がこれでいいのか？とも思うのですが、今までの内容がハードだったという方に向けて優しい内容となっておりますので、安心して御覧ください。 定番SSHクライアント「Google Chrome」 Google Chrome（もしくはChromium）と聞いて「あっ、SSHクライアントのことか！」と思われた方には少し物足りないか
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
Chrome Apps Office Hours: NodeJS in Chrome packaged apps
Ever wondered if you could use NodeJS libraries in your JavaScript code running in a browser? Join Paul Kinlan and Renato Mangini as they explore the possibilities of running NodeJS code in a Chrome packaged app.
Remote na Desktop ng Chrome - Chrome Web Store
Mag-access ng iba pang mga computer o payagan ang isa pang user na ligtas na i-access sa Internet ang iyong computer.
Google Chrome 18のエクステンションの仕様に破壊的変更が来る
Chromium Blog: Writing Extensions More Securely Chromium Blog: More secure extensions, by default Chrome 18でManifest Version 2を指定した場合、インラインscriptが使えない。evalも使えない。Background Pagesの仕様も変わっている。 つまり、今までエクステンションで、 <html xmlns="http://www.w3.org/1999/xhtml" > <head> <script type="application/javascript"> /* Javascriptのコード */ </script> </head> </html> としていた場合、Javascriptのコードを別のファイルに分離して、 /* sample.js*/ /* J
アドレスバーでMyはてブをインクリメンタルサーチ - Csideのダイアリー
アドレスバーに "b" と入力すると検索できる拡張を作った。ダウンロードhttps://github.com/Cside/my-bookmark-seach.crx/downloadsソースコードhttps://github.com/Cside/my-bookmark-seach.crx事の経緯http://b.hatena.ne.jp/my/search.data というページに自分のブクマのサマリー情報が詰まっているということを昨日sohさんのつぶやきで知って*1、これをインデックスに使えばMyブクマを検索できるよねいうことで、勢いで作ってみた。今まで自分のブクマの検索は、公式拡張のポップアップをえいやっと開いてやっていたのだけど、これならほぼ一瞬でできるから便利（のはず）。参考Chrome Web Store - Android SDK Reference Searchソースコードは
Google ChromeをWebSocketで制御する - 箱入りあじゃらの日記
JavaScriptJavaScript Advent Calendar 2011 (Node.js/WebSocketsコース)の6日目。初参加です、緊張します。WebSocketネタということで、ChromeのWebKit Remote Debugging Protocolを使ってWebSocketでGoogle Chromeを操作する小ネタ。手順1.リモートデバッグを有効にしてChromeを起動Chromeの起動オプションに--remmote-debugging-portを付加してリモートデバッグを有効にする。 $ chrome --remote-debugging-port=9222 2.タブ一覧を取得今回はコントロールする側(Chrome)とされる側(node)が同一ホストで動いてるものとします。http://localhost:9222/jsonをGETで叩くとChromeのタ
Chrome Extension を作ってみた - NPM Helper - WebService::Blog->new( user => ’hide_o_55’ )
YAPC前なのに何やってんだって感じですが、Chrome Extension を練習で作ってみました。 GitHub - hideo55/chrome-npm-helper: Chrome extension for help to use NPM とりあえず、アドレスバーで "npm + space" で NPM Helper を利用できます。ここで文字入力すると、search.npmjs.orgでの検索結果がサジェストされ、サジェストされたものを選択するとそのモジュールのページが開きます。 また、アップデートされたNPMモジュールの通知機能もつけてあります。 参考 http://wata-jp.ldblog.jp/archives/1699710.html
Chrome Extensions 「CPAN Helper」やってます。 - ワタブログ
2011年08月20日23:07 Chrome Extensions 「CPAN Helper」やってます。 カテゴリ Tweet すべての Perl Mongers に送る（！？）Chrome Extension のお知らせ。 CPAN Helper - Chrome ウェブストアhttps://github.com/wata/CPANHelper インストールすると、アドレスバーの右側に CPAN ロゴのアイコンが現れます。 アドレスバーに「cpan 」と打ち込むと、コマンド待機状態になるので、続けてキーワードを入力して検索 （ちょっと反応遅いですが、ちゃんとサジェストも出ます） テキストを選択した状態で右クリックメニューからの検索 モジュールの更新情報をポップアップで通知 （ポップアップをクリックで metacpan.org 内の当該ページへジャンプ） 設定画面 今まで知らないモジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Situs Judi Online dan Slot Online Bocoran Rtp Terpercaya Indonesia - devtoolstips.com
console-sushi
Event Spy
Chrome Extension - NPM Helper Updated - WebService::Blog->new( user => ’hide_o_55’ )
