Chrome機能拡張のイベントページについて
イベントページを制するものはChromeの機能拡張を制する 「Chrome機能拡張の解説」第5弾。 このページではイベントページという仕組みについて解説します。 うまく導入するとメリットの大きな仕組みなのですが、なかなか癖が強く、挙動を把握すのに骨が折れます。 しかしイベントページの仕組みを理解することは、機能拡張の仕組みを把握するのに大いに役立ちます。そのため、このページではイベントページを通して、メッセージパッシングやストレージ、アラートについて解説します。 目次 イベントページのメリット バッググラウンドページをイベントページとして機能拡張を作成する イベントページではまりやすいポイント メッセージパッシングの仕組みと、イベントページで実装するポイント バックグラウンドページからページアクション側へメッセージを送信する チャンネルを作成して双方向の通信を行う ストレージを利用して変数
Chrome拡張の開発方法まとめ その1：概念編 - Qiita
Chrome拡張の開発に必要な知識とかの覚書です。 この記事では開発の前に知っておくべきChrome拡張の全容について解説していきます。 「実際に開発しながら学ぶ」形式の解説記事は多く見られるのですが、概念についてちゃんとまとめてある記事は見当たらず、そこらへんの理解で結構苦労した覚えがあるので、そういった人達の手助けになればと思います。 対象 Chrome拡張が作りたい人 Javascriptがまあまあわかる人 Chrome拡張の各概念がいまいちわかってない人 概要 まずはChrome拡張の大まかな構造について説明します。 Chrome拡張はHTMLとCSSとJavascriptで作られています。 必要なhtml,css,jsファイルなどと後述のManifest Fileを一つのフォルダにまとめたものが一つの拡張機能のまとまりとなり、zipで圧縮してアップロードすることでストアで公開する
Chrome拡張機能 Amazonへのアフィリエイトリンク作成 : ねとめもー
Amazonのページを開いている時にその商品のページへのリンクを作成します URLはbit.lyを通してamzn.toの短縮リンクにもできます Amazonのページを開いているとURLの右側にアイコンが出ます アイコンをクリックするとポップアップ画面が出ます 上のAAIDがアフィリエイトのIDを入れるところ、2番目のチェックボックスがbit.lyを使って短縮リンクにするかの選択です チェックすると短縮リンクも作ります 下のボタンは、左側が画像のようにURLを表示するだけで、右側はクリップボードにコピーをします bit.lyは短縮リンクを作るサービスで、リンクをクリックされた回数を調べたりもできます このサービスでAmazonへのリンクを短縮すると他とは違って専用のamzn.toというドメインになります なんか、このamznがまとめブログなどに多くて流行ってるぽいので作ってみました bit.
GoogleChrome拡張機能の作り方 - tohokuaikiのチラシの裏
公式ドキュメント https://developer.chrome.com/extensions/getstarted.html と、日本語の情報はじめてみよう | Chrome Extensions API リファレンスを参考にしてみたことのメモ 日本語で入る情報のページの方は、この記事執筆の現時点では色々と違ってた。 Chromeの設定 Chromeは特にBetaで無くても良いみたい。 いちいち作った拡張機能をインストールとかしなくても良いようにする。 ここから、 の「デベロッパーモード」をONにする。 で、隣の「パッケージ化されていない・・・」から開発中のフォルダを指定。これだけでOK。 manifest.json を作成 とりあえず、サンプルmanifest.jsonをダウンロードして、サンプルicon.pngを持ってきて指定。 これだけで動く。 アイコンクリック時に表示されるHT
Chrome拡張機能におけるエコ対策（Event pageへの移行方法）
いくつかChrome拡張機能を作ってChromeウェブストアに公開しているのですが、それを最初に公開したときはmanifest.jsonファイルのバージョンがまだ最初の頃でした。現在ではバージョン2が主流であり、そろそろ古いバージョンの拡張機能は撲滅される予定になっています。そのため、開発者はそろそろ急いで新しいバージョンに変更すべく、せっせと移行作業を進めなければなりません。これは何もGoogleの開発者いじめではなく、ちゃんとした理由があります。その理由は、どれも開発者およびユーザへのメリットがあるものばかりです。 このバージョンアップの中で、ユーザにとって大きなメリットとなるものがあります。それは「Event pageへの移行」です。Chromeはメモリを非常に大きく消費することで有名ですが、拡張機能がメモリを大きく使ってしまうことも問題視されていました。拡張機能は「常駐して機能する
Manifest file format | Chrome for Developers
Manifest keys The following is a list of all supported manifest keys. Keys required by the Extensions platform "manifest_version" An integer specifying the version of the manifest file format that your extension uses. The only supported value is 3. "name" A string that identifies the extension in the Chrome Web Store, the install dialog, and the user's Chrome Extensions page (chrome://extensions).
http://blog.monoweb.info/blog/2012/08/03/chrome-storage/
See related links to what you are looking for.
ChromeのDownload APIリファレンスを和訳してみました
そろそろStableになるんじゃないかと思って、Chromeの拡張機能で利用可能になる予定の Download APIのリファレンスを和訳してみました。Chrome Canaryでは実際に試すことができます。Download APIは、ファイルダウンロードをプログラムから制御可能にするAPIであり、chrome://downloads/ ページ相当の機能をプログラムで実現可能というものです。 結構このAPIを待っていた人は多いと思います。Stableに入るまでに、ぜひAPIの使い方をマスターしておきましょう。 chrome.downloads ダウンロードAPIは、ダウンロードに関してプログラムから開始、監視、操作、そして検索を行うことを可能にします。 Manifest このAPIを利用するために、拡張機能のマニフェストファイル内で、’downloads’パーミッションを定義する必要があり
chrome.storage : ねとめもー
localStorageだとオプションでunlimitedStorageを指定していても5MB以上は保存できないみたいで、App cacheやWebSQLを使う必要があるとか 調べてるとchrome.storageでもunlimitedStorageは使えるようなのでこれを使うことにしました データ形式はlocalStorage同様に単純ですが非同期で実行されるので扱いがめんどうです chrome.storageはchromeの拡張機能用のデータを保存する機能です データ保存用の機能はlocalStorage, sessionStoage, webSQL, IndexedDBなどがありますがlocalStorageに近いです 英語のマニュアル localStorageとの違い ○keyとvalueを保存できてlocalStorage自体を1つのオブジェクトのように扱えましたが、保存できるv
Content Security Policy | Apps | Chrome for Developers
If you're not familiar with Content Security Policy (CSP), An Introduction to Content Security Policy is a good starting point. That document covers the broader web platform view of CSP; Chrome App CSP isn't as flexible. CSP is a policy to mitigate against cross-site scripting issues, and we all know that cross-site scripting is bad. We aren't going to try and convince you that CSP is a warm-and-f
What Are Chrome Apps? | Chrome for Developers
Chrome Apps let you use HTML5, CSS, and JavaScript to deliver an experience comparable to a native application. Why build a Chrome App? By building a Chrome App, as opposed to going with a traditional web app or a native mobile app, you expand your potential audience and extend your development capability. Expand your potential audience When you write a Chrome App, as opposed to an app that runs n
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome37(x64)でMacTypeが無効になったときの対応 - Qiita
Give users options | Chrome Extensions | Chrome for Developers
https://chrome.google.com/webstore/detail/%E9%80%8F%E6%98%8E%E3%83%A1%E3%83%A2%E5%B8%B3/ajcbpaeihcfhhmmpdejghnaakdfcijjk/details?hl=ja&gl=JP