はじめにChrome 拡張機能で外部サイトへの HTTP リクエスト時に Request Headers をカスタマイズする方法について整理した。 User Agent を変更したり、Cookie を付与したり、色々とできるようになる。 TL;DR chrome.webRequest.onBeforeSendHeaders を使う 一部の内容はイベントハンドラ内で参照できないし、設定しても保証されない User Agent を変更したり、Cookie を付与したりできる 目次はじめにTL;DR環境・条件詳細Chrome 拡張機能のライフサイクル実装方法manifest.jsonbackground.jsまとめ参考文献 環境・条件Google Chrome バージョン: 78.0.3904.108（Official Build） （64 ビット） 詳細リポジトリ: 17number/chro
chrome拡張機能の作り方 この記事では、一人でchrome拡張機能を開発して、ストアに上げるためのデータを作るまでをご紹介します。 また、有料のサンプルコードをBaseにて提供しています。 （googleで検索したページのタイトルをジョジョの名言に置き換える拡張機能です。） （購入はこちらから） utamaro.base.shop サンプル画像（左の検索結果が、右の画像のようになるサンプルです） ※ html, css, javascript, npmで依存関係の管理ができることを前提条件としています。 まずは、拡張機能を作るにあたっての要件を決めます。 要件 規模が大きくなっても、効率的に開発できること console.logデバッグをビルド段階で削除すること（ビルド後のソースに含まれない） html内のdomを作成する際はテンプレートとして用意したものを使う scssで開発する f
Chromeの拡張機能としてリリースしましたよ！ はてなNG - Chrome ウェブストア https://chrome.google.com/webstore/detail/%E3%81%AF%E3%81%A6%E3%81%AAng/mbgdnfmdelffjdhkdggilmphfdihnmcj 機能NGアドレスのエントリーをブロックします。NGワードを含むエントリーをブロックします。NGアカウントのコメント、はてなスター、ブログをブロックします。同一アカウントの連打による複数のスターをひとつのスターにして表示します。[対象サイト] はてな（http://www.hatena.ne.jp/） はてなブックマーク内ページ（http://b.hatena.ne.jp/） 結果はてなの閲覧がめちゃくちゃ快適になりました！ 目障りなサイトやアカウントは見なくて済むし、ブコメページのノイジーな
あるchromeのextensionを作りたいが、効率のよい実装方法が分からない
dilbert.comというサイトがある。これは、Scott Adamsの手による、非常に有名なマンガである。一日一作、欠かさず更新される。 私は、このマンガが好きであるが、今まで、まともに読んではいなかった。理由は、読むのが面倒だからだ。 面倒というのはどういうことか。それは、このマンガの画像が、縮小版で提供されているのである。それゆえ、実に読みにくい。原寸大で表示するためには、公式サイトから、ルーペのアイコンをクリックしなければならない。原寸大画像のURLが、新しいタブで開かれる このサイトは、もちろん、フィードを提供している。しかも、ちゃんとimg要素で画像が埋め込まれているフィードである。しかし、そのURLは、画像の縮小版である。 縮小版で、読めないということはない。しかし、非常に劣化していて、読みにくい。そこで、真にマンガを楽しもうと思ったならば、フィードから公式サイトに飛んで、
This domain may be for sale!
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
Chrome Extensions API リファレンス このページは、Google Chrome Extension作成のための勉強過程で作成しました。基本的にはほぼ の意訳になっています。いずれ本体で日本語ページが用意されると思いますが、それまで便利に使ってもらえれば良いなと思います。 また、拡張機能を 自作 している過程で出たポイントを、逆引きコンテンツとして追加したりもしてあります。 全体を通じて、誤り等もあるかと思います。また、黎明期の機能であるため、実装がそもそもドキュメントと異なる点も散見されます。このサイトによって引き起こされるいかなる不都合についても当方は責任を負いかねますが、ご意見や指摘などは、以下のいずれかに頂ければ幸いです。 拡張機能作成のために 公式サイトにもありますが、順番としては、次のような感じがやはり良いのではないかと思います。 はじめてみよう で、まずは動
最近、Google Chromeがだいぶ使えるようになったから使ってるんだけど、LDRを見ていて、エントリのソーシャルブックマーク登録数を知りたいのに、見れないから困ってた。 Firefoxを使っていたときは、最速インターフェース研究会 :: livedoor Readerに何かくっつけるGreasemonkeyの書き方のGreasemonkeyスクリプトを使っていたんだけど、現在のChromeではGreasemonkeyがそのまま動くような方法は(たぶん)ないので、どうにかしたいと思っていた。 というわけで、同様の機能を持つChrome Extensionを作ってみた。 ダウンロード ダウンロードは以下からどうぞ。 SBMCounter for LDR Mac版Google Chromeの4.0.223.11で動作を確認した。 これは何か これを入れると、LDRやFastladderを見
http://blog.chromium.org/2010/02/40000-more-extensions.html I expect between 15%-25% of scripts to not work in Google Chrome. Google ChromeでGreasemonkeyのスクリプトが拡張として動くようになったよ、大体15から25%のスクリプトはダメだと思うけど……ですってよ奥さま。 というわけで、拙作のスクリプトを実際に動かしてみました。 Bibliwo 公立図書館に蔵書確認を行い、Amazon等オンライン書店の書籍ページに予約ページへのリンクを挿入します。 =>ダメ。 Google App Engine Log Timezone Adjuster Adjusts Google App Engine's log timezone(PST) to your
2009年12月8日*1(日本時間では12/9朝)、拡張機能が有効(除くOSX)な Google Chrome ベータ版がリリースされました。同時にこつこつ開発を続けてた、はてなブックマーク Google Chrome 拡張ベータ版も公開したので、良かったら使ってみてください :D http://hatena.g.hatena.ne.jp/hatenabookmark/20091209/1260314705 というわけで、Google Chrome 拡張を作ってみたのですが、その時に参考にした資料やドキュメントをまとめてみました。 Google Chrome 拡張APIドキュメント http://code.google.com/chrome/extensions/docs.html 基本的に上のURLで必要なAPIのドキュメントはまとめられています。またページ中央下の「Doc versio
続きは、特集：先取り！ Google Chrome Extensions｜gihyo.jp … 技術評論社 と、 連載：続・先取り！ Google Chrome Extensions｜gihyo.jp … 技術評論社をどうぞ。 用意するもの Google Chrome 3.0.190.1以降(dev版か、latest Chromium snapshotがオススメ。) 最低限必要なもの manifest.json JSON(not JavaScriptなので、値を'ではなく"で囲まないといけないなど、割と厳格なので注意)で書く拡張の定義ファイルです。 一応必須といえるのはnameとkeyの2つですが、とりあえずはnameさえあればOK。keyはパッケージするときに自動で振られるので自分で書く必要はありません。 { "content_scripts": [ { "js": [ "all.js"
嵌る人がいそうなので、先に書いておきます。 User Scriptsを書いてみると GM_系のAPIが一通り定義されていて、一見Greasemonkeyと互換性がありそうに見えますが実はほとんど機能していません。 実装は http://src.chromium.org/viewvc/chrome/trunk/src/chrome/renderer/resources/greasemonkey_api.js?view=log にあるんですが、例えば GM_[gs]etValueはlocalStorageを使っていて、(これはChrome 3.0 で実装される予定、つまり未実装なので)使うとエラーになります。 そのほかも、中身は throw new Error("not implemented."); となっていて、使うとエラーをぶん投げてきます(typeofとかでチェックしても使えるかわから
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
