2012年3月21日 #chrome #safari #safari #favicon

Safariは開いたタブが多くなるとFaviconがなく文字だけのため、ちょっと見にくいと思います。
Chromeと同じようにタブにFaviconを表示する方法を紹介します。glimsというプラグインです!

上記のリンクからダウンロードしインストールすれば完了です。Safariの再起動は必要になります。

再起動すればSafariのタブにFaviconが表示されます!こんな感じになります〜♪

Safari Display Tab Favicon

その他にもいろいろ機能があって、例えばGoogleやYahooの検索結果にサムネールを表示したり最後に閉じたタブを表示したり…
日本語版もあるみたいですよ〜
機能一覧:

  • Adds thumbnails to Google/Yahoo/Bing search results
  • Adds search engines to the default Safari’s search tab
  • Adds Favicons to tab labels
  • Adds keyword search from address bar
  • Adds new tab position option (right/left/leftmost/rightmost)
  • Adds tab closing using middle mouse button (or CMD-Click)
  • Focus last selected tab
  • Type-ahead support (auto cmd-f)
  • Sets the focus on the search field when opening a new window
  • Adds Amazon’s information banner on Google/Yahoo/Bing search results
  • Adds a “Max Window Size” menu item to resize the Safari window
  • Autocomplete search phrase
  • Adds bookmark separator
  • Adds bookmark actions
  • Dated download folders
  • Auto-Closes download window
  • Undo “Close Tab” (cmd-z)
  • Localized to Japanese, French, Polish, German, Spanish, Italian, and Korean
2012年3月21日 #chrome #safari #safari #favicon

Safariは開いたタブが多くなるとFaviconがなく文字だけのため、ちょっと見にくいと思います。
Chromeと同じようにタブにFaviconを表示する方法を紹介します。glimsというプラグインです!

上記のリンクからダウンロードしインストールすれば完了です。Safariの再起動は必要になります。

再起動すればSafariのタブにFaviconが表示されます!こんな感じになります〜♪

Safari Display Tab Favicon

その他にもいろいろ機能があって、例えばGoogleやYahooの検索結果にサムネールを表示したり最後に閉じたタブを表示したり…
日本語版もあるみたいですよ〜
機能一覧:

  • Adds thumbnails to Google/Yahoo/Bing search results
  • Adds search engines to the default Safari’s search tab
  • Adds Favicons to tab labels
  • Adds keyword search from address bar
  • Adds new tab position option (right/left/leftmost/rightmost)
  • Adds tab closing using middle mouse button (or CMD-Click)
  • Focus last selected tab
  • Type-ahead support (auto cmd-f)
  • Sets the focus on the search field when opening a new window
  • Adds Amazon’s information banner on Google/Yahoo/Bing search results
  • Adds a “Max Window Size” menu item to resize the Safari window
  • Autocomplete search phrase
  • Adds bookmark separator
  • Adds bookmark actions
  • Dated download folders
  • Auto-Closes download window
  • Undo “Close Tab” (cmd-z)
  • Localized to Japanese, French, Polish, German, Spanish, Italian, and Korean

Situation

iPhone Safariを使うときにあるInput boxで何か入力後"return"キーのkeydownイベントをキャッチして、何かしらのアクションを行いたい、のが目的です。よくあるのがreturnキーでformをsubmitしたり、ボタンクリックのアクションを行ったり、キーボードを隠したりするところですかね。

Keydown event

13という数字がreturnキーのkeydown時のコードです。実はJavascript経験がある方ならすぐ分かると思いますが、13Enterキーのコードでもあります。

もう一つのTipはキーボードを隠したいときはjQueryのblur()を使えばOKです。

参考:http://stackoverflow.com/questions/5932317/how-to-capture-the-keyboard-return-event-on-iphone-browser

2011年9月30日 #css #iphone #checkbox #safari

Webkit-baseのブラウザ(Safari, Google Chrome)に適用します。

普通のcheckboxはiphoneのようなスマートフォンで見るときとても小さいです。checkboxはcssでheightやwidthを指定しても効かないため、ちょっとしたトリックが必要です。

実機ではこんなふうになります。2.0, 1.5, 1.0の3つのサンプルです。

2011年9月30日 #safari #safari #useragent

SafariのPreferences-> Advancedタブで"Show Develop menu in menu bar"をチェックします。

Safari-show-develop-menu-in-menu-bar

これでSafariのメニューバーのDevelopメニューでUser Agentを切り替えることができます。

Safari-change-useragent

2011年9月30日 #safari #safari #useragent

SafariのPreferences-> Advancedタブで"Show Develop menu in menu bar"をチェックします。

Safari-show-develop-menu-in-menu-bar

これでSafariのメニューバーのDevelopメニューでUser Agentを切り替えることができます。

Safari-change-useragent