Safari5の環境変数でレンダリングの様子を可視化する裏技 | ゆっくりと…
ブラウザにとって、半透明をブレンドして表示するのは負荷が高いものです。特に、iPhone などのモバイル端末向けのコンテンツは、出来るだけページを軽くしておきたいものです。ページ中でこのような負荷の高いレンダリングが必要な箇所を色分けで表示してくれる便利な （!?） オプションが Safari5 にはあります。 上の図は、このオプションを指定して、アップルのスタート・ページ を表示させたときの様子です。transparent や iframe の allowtransparency が使われている箇所が赤く表示されています。 MacOS には Core Animation という、1種の アニメーション・フレームワーク が使われていて、こいつにデバッグ用のフラグを設定してやると、レンダリングの様子が色分けされたり、レンダリング・ツリーの情報がコンソールにダンプされたりするというものです。
Safari web extensions | Apple Developer Documentation
Create web extensions that work in Safari and other browsers.
Safari5の拡張作ってみた - os0x.blog
Chrome拡張をとりあえず3つだけSafari拡張に移植というか、どちらでも動くようにしてみました。以下からインストールできると思いますが、今のところ拡張は頻繁にクラッシュしますし、正式リリースされてないということは色々と問題が残っているということですから、そのあたりをご理解の上、ご利用は自己責任でお願いします。 http://ss-o.net/safari/extension/AutoPatchWork.safariextz AutoPatchWorkのSafari拡張版。いわゆるAutoPagerizeクローン。アイコンの色がおかしい？アイコンの色は制限されているみたいです。ちょうどいい機会なのでアイコンを廃止してページの下にラインを出すようにしました。 http://ss-o.net/safari/extension/SocialCounter.safariextz SocialC
Safari拡張の作り方 - os0x.blog
Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Safari Extension for pinboard.in | I Am The Unraveler
