IE9のサイトの固定をやってみた metaタグ編

IE9の固定サイトを使ってみたので、まずはmetaタグの指定方法をまとめておく。

固定するとどうなるの?

こんな風になります。

ss1

画像はjsdo.itで作ったサンプルです。

  • ホームボタンのアイコン画像
  • 戻るボタンの色
  • 進むボタンの色
  • ウィンドウサイズ

などをカスタマズ可能です。

サイトの固定方法

  • Windows7でIE9をいれていること。
  • 固定したいサイトを開いてタブをタスクバーにドラックアンドドロップする
  • JavaScriptを使ってどうにかする。

実装方法

基本的な設定はmetaタグだけでできます。

ホームアイコンの指定

立ち上げたアプリケーションの戻る進むの横のホームアイコン icoファイルに32×32が含まれていればそれが採用される。

<link rel="shortcut icon" href="http://jsdo.it/img/favicon.ico">
<link rel="image_src" href="http://jsdo.it/img/favicon.ico">

アプリケーションの名前

タスクバーのアイコンを右クリックしたときに出るInPrivateブラウズを開始するの下にある文字

<meta name="application-name" content="jsdo.it">

ツールチップ文字列

C:\Users{USERNAME}\AppData\Local\Microsoft\Internet Explorer\Pinned Sitesに保存してある {application-name}.websiteというショートカットにマウス乗せたときや jsからスタートメニューに登録させるときに出る文字列

<meta name="msapplication-tooltip" content="jsdo.itはブラウザでJavaScript,HTML5,CSSを書いて共有するサイトです。">

アプリケーションのウィンドウサイズ

固定したサイトを立ち上げたときのウィンドウサイズ

<meta name="msapplication-window" content="width=1024;height=768">

タスクバーに入れたアイコンを右クリックしたときのタスクとして表示したいもの。

ss アイコンが出ないときもある。製品版でも直ってない。

<meta name="msapplication-task" content="window-type=self;   name=ログイン; action-uri=http://jsdo.it/login/; icon-uri=http://jsdo.it/img/favicon.ico; ">
<meta name="msapplication-task" content="window-type=tab;    name=Codes;    action-uri=http://jsdo.it/codes/; icon-uri=http://jsdo.it/img/favicon.ico; ">
<meta name="msapplication-task" content="window-type=self;   name=Users;    action-uri=http://jsdo.it/users/; icon-uri=http://jsdo.it/img/favicon.ico; ">
<meta name="msapplication-task" content="window-type=window; name=Tags;     action-uri=http://jsdo.it/tags/;  icon-uri=http://jsdo.it/img/favicon.ico; ">
<meta name="msapplication-task" content="window-type=window; name=Q&amp;A;  action-uri=http://jsdo.it/qa/;    icon-uri=http://jsdo.it/img/favicon.ico; ">

  • nameには半角の&などは実体参照にしないとダメー。
  • icon-uriにはico形式しか指定できない。
  • window-typeは self tab window を指定できる。
  • タスクをクリックしたときにどのウィンドウで開くか決められる。
    • icon-uri前後にwindow-typeがあるとうまくいかない事があるので前の方に。

まとめ

  • めたたぐだけでとてもかんたんにできますね(^q^)
  • ウェブアプリやSNS向けなのかな?
  • JavaScriptを組み合わせると通知()とかもできるよ!

長くなったのでJavaScriptでいろいろする方法は別エントリーにしました。

参考にしたページ


Tags: ,

 
 
 

One Response to “IE9のサイトの固定をやってみた metaタグ編”

  1. Gravatar of IE9のサイトの固定をやってみた js編 | </gecko> : げことじ。 IE9のサイトの固定をやってみた js編 | </gecko> : げことじ。
    26. 4月 2011 at 19:56

    [...] またIEか   « IE9のサイトの固定をやってみた metaタグ編     document.write(unescape("%3Cscript")+" [...]

コメントをどうぞ