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でYouTubeのコメント欄を隠す拡張機能書いた - TEXT/YUBASCRIPT
YouTubeのコメント欄がなんか見てて不快だったので、非表示にする拡張機能を作った。 NoCommentTube | Chrome Web Store Chrome拡張機能は、通常のWebサイトと同じように HTML/CSS/JavaScriptを書き、それをzipで圧縮してChrome Web Storeで公開するというものである。なのでWeb作りに慣れてる人なら簡単。入門書の購入からWebStoreでの公開まで8時間くらいで終わった。 拡張機能の製作 今回作成したのは、URLが www.youtube.com で始まるページに対し、自分が書いたscript.js を実行するという、ごく単純な拡張機能である。 ファイル構成は以下のとおり。 src ├── css │ └── style.css ├── icon128.png ├── icon48.png ├── js │ └─
GCookpadをChrome拡張の仕様変更に対応し、manifest_version 2にしました - 仙台 Ruby Vim JavaScript フリーランスプログラマ
いつもの藤岡さんの所でやってる朝活に参加してきました。参加者2名。 自分の朝活での作業内容はタイトル通りで、Chromeの拡張機能に大きな仕様変更が入っていたので、GCookpadにそれの対応をやってました。 どこらへんが変わったのかは下記参照。 http://code.google.com/chrome/extensions/manifestVersion.html http://blog.chromium.org/2011/07/writing-extensions-more-securely.html http://blog.chromium.org/2012/02/more-secure-extensions-by-default.html http://code.google.com/chrome/extensions/trunk/contentSecurityPolicy.ht
はじめてのGoogle Chrome Extension
はじめてのGoogle Chrome Extension Google Chrome Extensionを作成したので、Google Chrome Extensionの作成方法について解説したいと思います。 今回作成したのは、ページがRSSを配信している場合はアドレスバーの右側にRSSアイコンを表示して、アイコンをクリックするとFastladderの登録ページに移動するというもの。ちょっとしたカスタマイズでお使いのRSSリーダー用に改造できる思います。 非常にざっくりとした解説ですが、一連のフローはわかると思います。また、Chromeの各種APIはChrome Extensions API リファレンスを参考にしてください。 最初の準備 まずは、Google Chrome のメニューにあるレンチアイコン→Tools→拡張機能 から拡張機能管理を開きます。 拡張機能管理の右上にある『デベロッ
Chrome Extension - 技芸のおぼえがき
お初にお目にかかります。 本年2月より技芸の一員となりました高木です。 「技芸のおぼえがき」ではありますが、私は「技芸でおぼえたこと」という視点で書かせていただきたく思います。 よろしくお願いいたします。 さて、初めての投稿は、「Chrome Extension」についてです。 この記事がアップされるのとほぼ同時に、rakumoコンタクトをGmail上で使うことの出来るChrome拡張機能が、Chromeウェブストアにリリースされていることと思います。 今回はExtensionを開発するにあたって気がついた点・躓いた点などを徒然書いていきます。 Chrome Extensionとは 和訳すれば、Chrome拡張機能。Chromeウェブストアでダウンロードできるものは全て、このChrome拡張機能になります。 ・app（ローカルでhtmlなどを実行する） ・brouser
Google Chrome Extensions (拡張機能)の作り方
唐突にGoogle Chromeのエクステンション（拡張機能）が作ってみたくなりました。 作り方を調べたときの過程をメモしておきます。 参考サイト エクステンションの作り方を解説しているサイトはこちら。 http://code.google.com/chrome/extensions/index.html 一番簡単なチュートリアルを写経してみます。 Tutorial: Getting Started (Hello, World!) http://code.google.com/chrome/extensions/getstarted.html ちなみに、試したときのChromeのバージョンは「4.1.249.1064」です。 チュートリアル まず、作成する拡張機能の設定ファイルやhtmlを保存するフォルダを作成します。 今回は、「C:\chrome_extensions\tutorial」
chrome extensionでwebページの書き換え : 研究開発
総合研究大学院大学 複合科学研究科 情報学専攻 卒 博士（情報学） 自然言語処理や機械学習、データ分析に関する研究内容とwebシステムの開発と運用について書いています。 シリコンバレーベンチャーみたいに深い技術の事業化をしたいと思っています。 ご興味ある方はご連絡ください。 content_scriptsのjavascriptでなら閲覧中のwebページを書き換えられます。 ○webページのhtmlソースの全体置換は document.body.innerHTML = document.body.innerHTML.replace( ); これでも出来ますが こういうことをやるとタグも破壊します タグなどは要らず、テキストノードだけ選択的に編集したいのです。 ノードがテキストノードであることをチェックするには if (node.nodeType === 3) { } ....もちろん i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
