Googleが提供するブラウザ「Google Chrome」において拡張機能を作成する方法を解説していきます。

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

FileSystem API FileSystem APIとはWebアプリケーションでユーザのローカルにデータの保存、読込ができるAPIです。 ただし残念なことに対応してるブラウザが多くはありません。 今回はChrome※１を使っていますが、Chomeもブラウザのバージョンが上がるごとに仕様が少しずつ変わっていたりしています。APIのメソッドにもベンダプレフィックスがついていることからまだ実験的な段階といえます。 それでも可能性が色々あるAPIですので、今回取り上げてみました。 ※１　chromeのはバージョン31を使用しています。 保存方法について FileSystem APIには「TEMPORARY」「PERSISTENT」の形式が2種類があります。 TEMPORARYで保存したファイルは空き容量が必要になった時などブラウザの判断でファイルを削除することができるので一時的に保存すること

以前、Chrome拡張機能でFileSystemAPIを使う記事を書きました。 Chrome拡張機能でFileSystemAPIを使ってみた - メモ的な思考的な それを使って個人的な拡張機能を作っていたのですが、ふと先日気づいたところ、動作していないことが分かりました。 そこで、現在のChrome24に対応できるようにしてみたときのメモを残します。 お世話になったサイト ManifestFileのバージョン2対応や、APIの切替、拡張機能のデバッグなどで以下のサイトが参考になりました。ありがとうございました。 http://blog.maripo.org/2012/08/iinya-migration/ 現在開いているタブの一覧を取得・表示するGoogle Chromeプラグインを作ってみた - Life Refactoring Google Chrome Extensionを作ってみた

ブラウザからDOMを解析してローカルファイルへ保存する方法がないかを調査したときのメモ。 2013/01/19 追記 2013/01/19時点のChrome 24.0.1312.52 m において、以下の情報は古い上、ソースコードは動作しません。 続編的なものは以下の記事となります。 Chrome24 + Manifest v2 にて、Chrome拡張機能 + FileSystemAPI を使ってみた - メモ的な思考的な 2013/01/19 追記 ここまで ブラウザごとのローカルファイル保存方法 ブラウザ別の実際のコードは、以下のサイトが詳しい。 あらびき日記 - JavaScriptからローカルファイルを作成する方法まとめ HTML5を押さえておきたいと思っていた矢先、ChromeではHTML5のFileAPI:Writerを使っているとのことなので、Chromeを選択。 なお、Ch

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback XMLHttpRequest (XHR) オブジェクトは、サーバーと対話するために使用されます。ページ全体を更新する必要なしに、データを受け取ることができます。これでユーザーの作業を中断させることなく、ウェブページの一部を更新することができます。 EventTarget XMLHttpRequestEventTarget XMLHttpRequest XMLHttpRequest という名前ではあるものの、 XML だけでな

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback W3C の XMLHttpRequest 仕様書では、もともと XML の解釈しか対応していなかった XMLHttpRequest に HTML の解釈を追加しています。この機能によって、ウェブアプリは XMLHttpRequest を使って HTML を解釈済の DOM として取得することができます。 一般的な XMLHttpRequest の使い方についての概要は、 XMLHttpRequest の利用をお読みください。

タブ固定の状態を保存するエクステンション。通常通りタブを右クリックして「タブを固定」を設定し、再度タブを開くとタブが固定されます。解除したい場合は、同様にタブを右クリックして「タブの固定を解除」で解除されます。 注意点 - v0.1.3にアップデートされると以前にPinしていたタブ情報が失われるため再度Pinしてください。 リリースログ - v0.1.3: Manifest V3に対応。localStorageが使えなくなったため、chrome.storageに移行