ブラウザウィンドウのサムネイルを描画する « Mozilla Developer Street (modest)
タブカタログ拡張機能のようにWebページのサムネイル画像を表示する拡張機能の多くは、 html:canvas 要素の二次元描画コンテクストの drawWindow メソッドへWebページの window オブジェクトなどを引数で渡してサムネイルの描画を行っています（canvas を使って図形を描く – MDC）。 この drawWindow メソッドの引数にWebページの window オブジェクトではなく、ブラウザウィンドウの ChromeWindow オブジェクトを渡すことで、ブラウザウィンドウのサムネイル画像を描画することも可能です。しかし、以下のようにブラウザタブ内に表示されたWebページまでは描画されず、背景色で塗りつぶされたようになってしまいます。 この問題を解決するには、ブラウザウィンドウのサムネイルの上に、Web ページのサムネイルを重ねて描画する必要がありそうです。ここで
画像を使う - MDC
他の canvas 要素を使う 普通の画像と同様に document.getElementsByTagName メソッドか document.getElementById メソッドを使って他の canvas 要素にアクセスできます。入力元の canvas を使う前に使おうとしている canvas に何かが描かれているか確認してください。 これのより実践的な利用方法の一つは2番目の canvas 要素を他の大きな canvas のサムネイルビューとして使うことです。 一から画像を作る 最後の選択肢はスクリプトの中で新たな Image オブジェクト作ることです。このアプローチの主な短所は画像が読み込まれるのを待つ必要があるのでスクリプトが途中で停止しないために何らかの形の画像の先読みが必要ということです。 基本的に、新しい画像オブジェクトを作るにはこのようにします: var img = n
Latest topics > 画面の描画内容を一時的にロックしておいて、裏であれこれして最後にまとめて描画させる方法 - outsider reflex
Latest topics > 画面の描画内容を一時的にロックしておいて、裏であれこれして最後にまとめて描画させる方法 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « Google Chrome Extensions Main ツリー型タブ0.8.2009122103 » 画面の描画内容を一時的にロックしておいて、裏であれこれして最後にまとめて描画させる方法 - Dec 18, 2009 ツリー型タブとJetpackが同時にインストールされているとコンテンツ表示領域に何も表示されなくなってしまう、という問題の原因がやっと分かった。そこからさらに調査をして、表題のような「画面の再描画を任意に停止・再開させる」方法が見つかった。 先にやり方だけ書いと
GoogleChromeの拡張を作る上でFirefoxアドオン作者が知っておくべきやればできること « ku
GoogleChromeの拡張を作る上でFirefoxアドオン作者が知っておくべき10の違い【GoogleChromeでニコ動拡張を作ってみた感想】 – love_firefoxportableの日記についてMySpaceのMP3ファイルにID3tagを埋め込みつつダウンロードするJSActionsスクリプトを作ったあたりからFirefoxアドオンの柔軟さに魅了されていろいろ作ってきたけどChromeのUIのブロックしなさが快適でChromeにスイッチしようとしている人間が書きます。 将来にわたってChromeのextensionでFirefox addonのような自由度が実現されるようなことはないと思いますが、それでも今の段階でやればできることもちょっとあります。大半はできないけど。 右クリックはいじれない いじれません。このへんまだ実装自体がやっつけな感じなので将来的にはいじれるように
Greasemonekyスクリプトのサンドボックスに値を追加する - FAX
JavaScript未使用のため詳細の動作は未確認。JSActions、userChrome.js、拡張などから実行できる。 var GreasemonkeyService = Components.classes["@greasemonkey.mozdev.org/greasemonkey-service;1"].getService().wrappedJSObject; addBefore(GreasemonkeyService, 'evalInSandbox', function(code, codebase, sandbox){ sandbox.VALUE = 'value'; }); function addBefore(target, name, before) { var original = target[name]; target[name] = function()
安全にSelectionオブジェクトを得る（XPCNativeWrapperの使用） - hogehoge @teramako
window.getSelection と document.getSelection - hogehoge @teramakoの続き。 Firefox内部からブラウザの選択範囲を得る場合だが、ブラウザ内のコンテンツは本来の関数が上書きされている可能性があるためは安全でない。それを解決するためにXPCNativeWrapper - MDCがあり、window.content.document.getSelectionはデフォルトでXPCNativeWrapperにラップされている。 しかし、window.getSelection と document.getSelection - hogehoge @teramakoにあるようにwindow.content.document.getSelectionは選択範囲の文字列を返してしまう。通常であれば文字列で構わないのだが、Selectionオブ
はてなブックマーク Firefox 拡張 実装の舞台裏
はてなブックマーク Firefox 拡張 実装の舞台裏 nanto_vi, 2009-11-08 自己紹介 nanto_vi (TOYAMA Nao) Days on the Moon (ブログ), Twitter 株式会社はてな アルバイト 概略 コーディング規約 スクリプトのモジュール化 データベースと O/R マッパ サイドバーとカスタムツリービュー ブックマーク追加ダイアログと XBL FUEL のメモリリーク おすすめタグと本文抽出ライブラリ コーディング規約 変数宣言には let を使う メソッドとなる関数式には名前を付ける インデントはスペース 4 つ (はてなの慣習) function FooBar() { ... } extend(FooBar.prototype, { method: function FB_method() { let x = ... ... }, g
File I/O - MDC
この文書では、chrome JavaScript 内でローカルのファイル入出力を行う方法について解説しています。 ファイルシステムには、Mozilla XPCOM コンポーネント経由でアクセスできます。ローカル I/O のために利用されるコンポーネントのリストは XUL Planet にあります。 利用可能なライブラリ いくつかの I/O に関する XPCOM コンポーネントの JavaScript ラッパが存在します。JSLib や io.js (MonkeeSage が元) を参照してください。io.js モジュールはより小さくて、非常に簡単に利用できます。(簡単なサンプルがモジュール内にあります) ファイルオブジェクトの作成 (ファイルを "開く") var file = Components.classes["@mozilla.org/file/local;1"] .createI
GreasemonkeyからXMLRPCプロトコルでブログに投稿する
XML-RPCを使ってWordpressやMovable Typeなどのブログに投稿するGreasemonkeyの書き方みたいなものです。 XMLRPCに対応したブログにどういうものがあるかは下のサイトによくまとまってます。(ちょっと古いですが) BlogWrite – Atom API, XML-RPC : http://www.witha.jp/BlogWrite/bloglist.html WordPressでしかテストしてませんがXMLRPCに対応してるブログなら動作すると思います。 今回は投稿機構みたいなものを書いただけなので、このスクリプトだけではあんまり意味はないと思います。 // ==UserScript== // @name XMLRPC poster // @namespace https://efcl.info/ // @include http://* // ==/
Creating Sandboxed HTTP Connections | MDN
Gecko 1.8.1 (Firefox 2) から、ユーザの Cookie に影響しないサンドボックス内の HTTP 接続を作成できるようになりました。この記事では JavaScript の XPCOM から HTTP 接続を行うための基礎を扱いますが、C++ の XPCOM にも簡単に移植できるはずです。 URL (文字列に格納されている) から HTTP 接続を確立するための最初の手順として、その URL から nsIURI を作成します。nsIURI は XPCOM における URI の表現で、URI をクエリしたり操作するのに便利なメソッドを持っています。文字列から nsIURI を作成するには、nsIIOService の newURI メソッドを使います。 // IO サービス var ioService = Components.classes["@mozilla.org/
XPCOM コンポーネントの置換: Days on the Moon
Firefox Developers Conference Summer 2007 での発表の補足も兼ねて、実際に既存の XPCOM コンポーネントを自作のものに置き換える手順を説明していきたいと思います。ちょうど Mozilla でプログラミング (XUL) スレッドで about:blank を置き換える話が出ていたので、それを題材にとってみましょう。 Firefox で about:foo を表示するとき、内部的にはコントラクト ID が "@mozilla.org/network/protocol/about;1?what=foo" である XPCOM コンポーネントが作成されます。このコンポーネントは nsIAboutModule インターフェースを実装している必要があり、その newChannel メソッドで得られたチャンネルの内容がブラウザに表示されます。チャンネルというのは
Collection & Copy - ドキュメントのロード完了に合わせて関数を実行する
JavaScriptページロード時にプログラムを実行するためにwindow.onloadやbody.onloadがしばしば使われる。しかし、ページ内に大きな画像が存在する場合などは、画像のロードを待つため、実行が遅れてしまう。「ドキュメントのロードが終わっていて、かつ、イメージのロードが完了する前」に関数を実行する方法のリンク2つの要点をコピー。 script要素defer、DOMContentLoadedイベントを利用する方法The window.onload Problem - Solved! Firefoxの場合非公式のイベントハンドラ、DOMContentLoadedを利用する。 // for Mozilla browsersif (document.addEventListener) { document.addEventListener("DOMContentLoaded",
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tombloo/xpi/chrome/content/quickPostForm.js at master · to/tombloo
MXR is retired
PR_Open - Mozilla | MDN
Atsushi Takayama on Twitter: "browser.urlbar.filter.javascript これか"
はてなブログ | 無料ブログを作成しよう
はてなブログ | 無料ブログを作成しよう
http://twitter.com/Constellation/statuses/5017742694
mozIJSSubScriptLoader - Mozilla | MDN