WeChat公衆番号については、いくつかのmetaタグを埋め込んでいます.
2495 ワード
最近はWeixinJSオブジェクトを微信公式プラットフォームに埋め込まれていますが、実はウェブアプリ="="=、微信に基づいてブラウザを内蔵しています.(safariにWeixinJSオブジェクトを追加しました.) http://mp.weixin.qq.com/s?__biz=MzA4MjMwNDQzOQ==&mid=200473874&idx=1&sn=7541441abe50a22f7d5545adc69eae66&key=e60cf81314c277c7924c692b2c5f64482bcf5943e5f8b7ff4505ec0db12b3dc4a97e75414d80514730f8cb2d2df5f69d&ascene=1&uin=ODI2ODQ5MzYw
WeChatのページmetaには:
?
1
2
3
4
5
以下では、それぞれのmetaについて説明します.
1:ウェブページがiPhoneブラウザで展示されているsizeを設定します.携帯電話のブラウザは、画面よりもページを仮想的な「ウィンドウ」に置くことで、通常はこの仮想的な「ウィンドウ」は画面よりも広いので、各ページを小さなウィンドウに押し込まなくてもいいです.モバイル版のSafariブラウザは最初にviewportというmetaを導入し、ウェブページの開発者にviewportの大きさやスケーリングを制御させ、他の携帯ブラウザも基本的にサポートしています.ここで:width:viewportのサイズを制御し、600の場合、または特別な値、例えばdevice-widthはデバイスの幅(単位は100%にスケールされた時のCSSのピクセル)です.height:widthに対応して高さを指定します.initial-scale:最初のズーム率、つまりページが初めて読み込まれたときのズーム率です.maximm-scale:ユーザーの縮退の最大の割合を許可します.minimum-scale:ユーザーの縮小を可能にする最小の割合.user-scalable:ユーザーが手動でスケーリングできるかどうか.
参考:http://blog.wpjam.com/m/viewport-meta-tag/
最近はWeixinJSオブジェクトを微信公式プラットフォームに埋め込まれていますが、実はウェブアプリ="="=、微信に基づいてブラウザを内蔵しています.(safariにWeixinJSオブジェクトを追加しました.) http://mp.weixin.qq.com/s?__biz=MzA4MjMwNDQzOQ==&mid=200473874&idx=1&sn=7541441abe50a22f7d5545adc69eae66&key=e60cf81314c277c7924c692b2c5f64482bcf5943e5f8b7ff4505ec0db12b3dc4a97e75414d80514730f8cb2d2df5f69d&ascene=1&uin=ODI2ODQ5MzYw
WeChatのページmetaには:
?
1
2
3
4
5
<meta http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta name=
"viewport"
content=
"width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"
>
<meta name=
"apple-mobile-web-app-capable"
content=
"yes"
>
<meta name=
"apple-mobile-web-app-status-bar-style"
content=
"black"
>
<meta name=
"format-detection"
content=
"telephone=no"
>
以下では、それぞれのmetaについて説明します.
1:ウェブページがiPhoneブラウザで展示されているsizeを設定します.携帯電話のブラウザは、画面よりもページを仮想的な「ウィンドウ」に置くことで、通常はこの仮想的な「ウィンドウ」は画面よりも広いので、各ページを小さなウィンドウに押し込まなくてもいいです.モバイル版のSafariブラウザは最初にviewportというmetaを導入し、ウェブページの開発者にviewportの大きさやスケーリングを制御させ、他の携帯ブラウザも基本的にサポートしています.ここで:width:viewportのサイズを制御し、600の場合、または特別な値、例えばdevice-widthはデバイスの幅(単位は100%にスケールされた時のCSSのピクセル)です.height:widthに対応して高さを指定します.initial-scale:最初のズーム率、つまりページが初めて読み込まれたときのズーム率です.maximm-scale:ユーザーの縮退の最大の割合を許可します.minimum-scale:ユーザーの縮小を可能にする最小の割合.user-scalable:ユーザーが手動でスケーリングできるかどうか.
参考:http://blog.wpjam.com/m/viewport-meta-tag/