タグ

Safariに関するlook25mmのブックマーク (2)

  • Safari拡張の作り方 - os0x.blog

    Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで

    Safari拡張の作り方 - os0x.blog
  • iOSシミュレータのMobile Safariに接続してリモートデバッグ·iWebInspector MOONGIFT

    iWebInspectorはiOSシミュレータに接続してMobile Safari、PhoneGapのデバッグを行うソフトウェアです。 iOS向けのWebサイトを作っている際にデバッグしようと思うと色々不便な思いをします。Safariでもだいたいできるのですが、それでも動作が異なるケースがあります。そこで使ってみたいのがiWebInspectorです。 メイン画面です。 例えばエミュレータでこんな感じに表示しておきます。 iOSシミュレータからロードします。現在開いているページが出ます。 接続しました。エレメントが表示されています。 リソースも見られます。 ネットワークです。 コンソールも問題ありません。 alertを実行します。 シミュレータ側でアラートが出ます。 iWebInspectorはiOSシミュレータに接続して、その表示内容を取得します。Safariの他にもPhoneGapで作

  • 1