This web site is in the process of being updated for the recently-released v4 upgrade. In the meantime check out the new feature summary!
This web site is in the process of being updated for the recently-released v4 upgrade. In the meantime check out the new feature summary!
[2018/07/07 追記] 本記事ではChrome拡張について説明していますが、Firefox1やEdgeの拡張機能もほぼ同じ仕組みで動いています。 [2023/11/06 追記] #参考 ページを追加しました。 Chrome拡張。便利な機能を簡単に追加できるので使っている人も多いと思います。 ただ、インストール時の権限の注意書きが分かり難いので無条件に承認(追加)していることもあるのではないかと思われます。 そこで、本記事ではChrome拡張の権限の種類・確認方法の他、拡張がどこまで(悪いことを)できるのかとその対策を3段階の権限(危険性)レベルごとに紹介していきたいと思います。 便利だが危険性もあるChrome拡張 Chrome拡張をインストールすると、Webページを読むというブラウザ本来の機能だけでなく様々なことができるようになります。 例えば、Webメールの新着通知や記事などの
運営しているサイトにchrome for mobileから書き込みできないという現象が発生していたので調査したところ、いつの間にかにChrome Compression Proxyを経由したアクセスになっていたのでメモ。 最近のchrome for mobileでは帯域を節約するために、Googleの提供するProxyを経由してアクセスする Chrome Compression Proxy機能があるみたいです。スマホと接続先サイトの間に Google のProxyサーバが入って、データを圧縮したり画像のフォーマットを変更したりして、データ量を減らし高速にページを表示するということを勝手にやってくれるらしいです。 これはこれで、素晴らしい技術だと思うのですが、間にProxyサーバが入ってしまうために、いろいろと厄介ごとが多くなります。 例えば、一般的な掲示板サイトだと、荒らし対策のためにPr
この記事はSelenium/Appium Advent Calendar 2014の12日目の記事です。誰も書かなさそうなので小ネタを引っ張りだしてきました。 chromedriverのアーキテクチャ chromedriverはJSON Wire Protocolを受けるSelenium ServerとChromeの間の通信をRemote debugging protocolで行っています。これは、Chromeに標準で内蔵されているDeveloper Toolsでも利用しているものです。 chromedriverを使ったプログラムを途中で止めて、Developer Toolsでデバッグしてみて、そのDeveloper Toolsを閉じずに、プログラムを再開したら、Seleniumのセッションが使えずに死ぬといった経験はわかる人にはわかるでしょう。これは、両者が同じAPIを利用していて、かつ
markdown形式でリンクをクリップボードにコピーするchrome-extension作った 2012-07-23 21:14 画像とか追加 Chrome Web Store - Markdown Linker octopressでブログを書くようになって、markdownで文章を書く機会が増えた。 しかしながら画像やリンクをmarkdown形式で挿入するのが若干面倒なので chrome extensionを作ることにした。作りながら記事を書いてみる やりたかったこと とりあえずやりたいことは以下の3つ ページのタイトルとurlをコピー => [ title ]( url ) テキストリンクのtextとurlをコピー => [ text ]( url ) 画像のaltとurlをコピー => ![ alt ]( url ) このうち、1. はそういう拡張機能がすでにあるようだったが、2,3
今まで、自分あるいは社内だけで使うために作ったChrome extension「オレオレエクステンション」はChromeウェブストアに登録せず、ローカルに置いたcrxファイルを使って手作業でインストールしていました。 しかし、少し前にGoogleのポリシーが変わり、ウェブストアに登録されていないエクステンションは原則として*1使用できないようになりました。詳しいことは下記リンク先を読んでもらった方が早いと思います。 悪意ある Chrome 拡張機能からユーザーを守るために Chrome ウェブストアでホスティングしましょう - Google Developer Relations Japan Blog Googleによると2014-05-01以降はオレオレエクステンションを使えなくなるとのことでしたが、このエントリを書いている2014-06-11時点でも、一部のPCでは動作を続けています*
普段ブラウザはChromeを使って、色んなサイトを比較したり、同時進行するときなど、タブをいくつも開いています。タブは便利ですが、間違ってChromeを終了させてしまったり、クラッシュしたときに誰にも怒りをぶつけられずファビョることになります。 そんな不安を解消、解決してくれる拡張機能に出会えましたので、今回はそちらをご紹介したいと思います。 参考:Chromeブラウザを拡張機能するおすすめExtensions8選「Streamus」「AutoPatchWork」など 拡張機能「Session Buddy」でタブ管理 まずはChromeの拡張機能「Session Buddy」をインストールします。 インストールは一瞬で終わり、ツールバーにアイコンが表示されます。 このアイコンをクリックすると、新しいタブが開くと同時に、管理画面が表示されます。 開いていたタブの履歴は自動保存されている 管理
4/2のGoogle Developers Live Japan #3の資料です。Read less
Google、ChromeアプリをiOS/Androidアプリに変換するツールと方法を公開。Apache Cordova、Node.jsなどを連係 WebブラウザであるGoogleのChromeに対応したアプリケーション「Chrome Apps」を、iOSやAndroidに対応し、単独でオフラインでも動作するモバイルアプリケーションへ変換する方法が、The Chromium Blogにポストされたエントリ「Run Chrome Apps on mobile using Apache Cordova」で公開されています。 Chrome AppsはHTML/CSS/JavaScriptで開発するアプリケーションであり、ChromeのAPIを用いてオフライン動作や認証など、Webアプリケーションよりも高度な動作が可能になっています。 このChrome Appsをモバイルアプリケーションへ変換でき
Chromeアプリ開発の HelloWorld です。 下のサンプルはブランク・プロジェクトとしてもお使いいただけるかと。 ファイル構成manifest.json background.js index.html app.js 128.png これが Chrome Apps (Chrome Extensions や Packaged Apps) の典型的なファイル構成です。 128.png は、アプリのアイコン(128px x 128px)です。ペイントアプリなどで適当に作っておいて下さい。 manifest.json { "name": "HelloWorld App", "description": "The 1st step for development of Chrome Packaged Apps", "version": "0.1", "app": { "background
Scaling website automation for either testing or scraping can be a challenge when the site is enitrely driven by JavaScript or behaves differently when using specific browsers. Running a headless Selenium machine with Google’s Chrome installed provides a scalable way to automate your tests on one of the most popular browsers in use. Here are step by step instructions for installing a headless Sele
昨年夏に公開した Project Tab Manager という Chrome Extension のバージョン 2.0 を リリースしました。2.0 での変更点は下記の通り: 新しい UI。より直感的で使いやすくなりました。 タブの状態を追跡するようになりました。プロジェクトとして保存さえしていれば、気 軽にウィンドウを閉じて構いません。いつでも閉じた時の状態に復元可能です。 Chrome 再起動時にウィンドウとプロジェクトが自動的に関連付けられるようになりま した。以前はマニュアルで関連付けなければなりませんでした。 キーボードナビゲーションが可能になりました。 オプションがクラウドに保存されるようになりました。自宅や会社で共通の設定が利用 できます (要 Chrome サインイン)。 サマリー機能が拡張されました。自分がどのプロジェクトにどれくらい時間を費やした のか、2 ヶ月まで遡
普段ブラウザのタブをいくつ開いていますか? 20個以上のタブを開いてマルチタスクを気取っていたりしませんか? 大量にタブを開いていたとしても、実際のところは全然使いこなせていないものです。そればかりか、ブラウザに余計な負荷をかけていることもしばしば。そこで今回は、ChromeとFirefoxで使える素晴らしいタブマネジメント・ツールをご紹介します。 ■ChromeとFirefoxに標準搭載のタブマネージャを使う Chrome 開いているタブの同期 Chromeの最大の利点は、Googleアカウントと統合されている所。タブを含むあらゆる情報をアカウントに保存できます。タブの同期機能を有効にするには、Chromeのアドレスバーに「chrome://flags/」と入力し、「開いているタブの同期を有効にする」の項目を有効にします。これで、開いているすべてのタブをほかのコンピュータと同期することが
タイトルは若干釣り気味です GithubとGitlab両方使える MISAWA::MD https://chrome.google.com/webstore/detail/misawamd/legplkhbgdelfceignhcchogkmoflagl ミサワ画像をMarkdown形式でコピペできます Emoty https://chrome.google.com/webstore/detail/emoty/kgljgnbhcigffgoifhjbbifhbdkapmgm Githubなどで使える絵文字をポップアップで選んでクリップボードにコピペできます LTTM https://chrome.google.com/webstore/detail/lttm/jdidcgkdggndpodjbipodfefnpgjooeh textareaで手軽にミサワや LGTM.in/g の補完ができ
2014-08-02 追記 content script内だけで完結する(background.jsとの通信が発生しない)シンプルなコンテキストメニューをお探しならこちらのエントリが参考になると思います→Chromeアプリで長押しコンテキストメニュー 上の画像のようなコンテキストメニューをChrome拡張機能で実現する方法をご紹介します。 まずはプロジェクト構成から。 プロジェクト構成manifest.json main.js 128.png Chrome拡張機能(Extensions)の典型的なファイル構成ですね。 基本的に必要なのは manifest.json と js本体 の2つだけ。 ちなみに 128.png はアイコン画像です。 manifest.json { "name": "My Context Menu Extension", "description": "Sample
Google Chromeの人気拡張機能「Create Link」が使えなくなりました。 といっても最新版にアップデートすれば直る類いの不具合だったのですが、Google Chromeの拡張機能自動アップデート機能が動かなかった人が大勢いたようで、ちょいと騒ぎになってましたね。 その場合手動でアップデートしないといけません。 しかし、Chromeの拡張機能画面には、手動でアップデートできるボタンは見当たりません。かといって一度拡張機能を削除してから再インストールすれば全部設定が飛んでしまいます。 さて困ったモノだ。 と思ったら、@piyohicomが、自動で拡張機能をアップデートする方法を教えてくれました。 Google Chromeの拡張機能を手動でアップデートする手順。 @spring_mao @isloop 更新ができてるかわからないので、レンチアイコンの設定メニューから [拡張機能
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く