1. 程式人生 > >移動端瀏覽器 meta標籤

移動端瀏覽器 meta標籤

<meta charset="utf-8">
    <meta name="keyword" content="">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="HandheldFriendly" content="true">
    <meta name="MobileOptimized" content="320">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="msapplication-tap-highlight" content="no">

//強制全屏(可覆蓋瀏覽器自帶的頭部與底部)

相關推薦

移動瀏覽器 meta標籤

<meta charset="utf-8">     <meta name="keyword" content="">     <meta name="description" content="">     <meta http-e

移動 html5 meta標籤的設定含義

html5 meta標籤的設定含義<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/> <meta name="apple-m

移動meta標籤

meta 標籤分兩大部分 HTTP 標題資訊(http-equiv)頁面描述資訊(name)http-equiv 屬性 Content-Type 值(顯示字符集的設定) 說明:設定頁面使用的字

移動相關meta標籤

1、顯示蘋果預設的工具欄和選單欄(不啟用全屏模式) <meta name="apple-mobile-web-app-capable" content="yes"> 2、工具欄顯示樣式 <meta name="apple-mobile-web

移動常用meta標籤

<meta charset="UTF-8">     <meta http-equiv="pragma" content="no-cache">     <meta http-equiv="cache-control" content="no-

移動meta 標簽

ie6 完成 安裝 初始 ble height font 最大 寬度 viewport <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta

HTML5 監聽移動瀏覽器返回鍵兼容版本

list 歷史記錄 記錄 pop 移動 pushstate 移動端 sta listener   // 往windosw對象中的歷史記錄註入URL的方法 function addUrl() { var state = { title: "title

移動瀏覽器前端優化

data- form 資源加載 導致 新的 url ack png sys 相對於桌面端瀏覽器,移動端Web瀏覽器上有一些較為明顯的特點:設備屏幕較小、新特性兼容性較好、支持一些較新的HTML5和CSS3特性、需要與Native應用交互等。但移動端瀏覽器可用的CPU計算資源

移動瀏覽器問題

ner htm capi 時間 安卓 phone 縮小 val class 1、防止手機中網頁放大和縮小 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scal

前端性能優化(二):移動瀏覽器前端優化策略

因此 本地 網絡流量 桌面 cse kit 極致 加載 文件 相對於桌面端瀏覽器,移動端Web瀏覽器上有一些較為明顯的特點:設備屏幕較小、新特性兼容性較好、支持一些較新的HTML5和CSS3特性、需要與Native應用交互等。但移動端瀏覽器可用的CPU計算資源和網絡資源極為

如何控制移動瀏覽器返回到想去的地方

我想 完成 TP false 監視 func 手動 event 控制 在這裏我就要先說一下我剛開始的錯誤思路:   我剛開始想我只要監視了瀏覽器的返回事件不就好啦 window.removeEventListener("popstate",()=>{

Ts + React + Mobx 實現移動瀏覽器控制檯

自從使用 Typescript 寫 H5 小遊戲後,就對 Ts 產生了依賴(智慧提示以及友好的重構提示),但對於其 Type System 還需要更多的實踐。 最近開發 H5 小遊戲,在移動端除錯方面,為求方便沒有采用 inspect 的模式。用的是粗暴的 vConsole,用人家東西要學會感恩,所以決定去

解決令人煩惱的移動瀏覽器預設事件

幹掉safari的橡皮筋 做過固定導航在safari下面除錯的都知道!滾動會有上下回彈。體驗很差。 document.body.addEventListener('touchmove', functio

阻止移動瀏覽器點選圖片會預覽的方法

下面介紹幾種方法: 1. 在img元素上新增 onclick="return false" (推薦) <img src="a.png" onclick="return false" /> 2. 圖片用背景圖的方式插入 background:url(a.

一些移動瀏覽器的相容性Bug

做移動端的Web也有一段時間了,踩過的坑真心不少。 下面列出一些,移動端瀏覽器相容性的Bug,供大家參考。 【UC瀏覽器】video標籤脫離文件流 場景:<video>標籤的父元素(祖輩元素)設定transform樣式後,<video>標籤會脫離文件流。 測試環境:UC瀏覽

關於移動WebApp 的 meta 標籤

這幾天做移動端的一個小專案,第一次做還後很多不熟悉的地方,在這先總結一下webApp的meta標籤。 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-

PC和移動瀏覽器同步測試工具Browsersync使用介紹

在移動端網頁開發中,總是因為不方便除錯,導致各種問題不容易被發現。但是現在有了Browsersync,一切都解決了。 不熟悉的同學可以看看Browsersync的官方網站Browsersync中文網。 五分鐘快速入門 1.使用Browsersync前需要安裝node.js。詳細的安裝過程可參見windows

Clipboard.js : 移動瀏覽器實現網頁內容複製

 最近在專案中遇到這樣一個需求: 點選按鈕,將指定的URL複製到剪貼簿,然後使用者可以貼上到瀏覽器(Safari為主)自行開啟。 方案一:zeroClipboard.js github地址:https://github.com/zeroclipboard/z

js禁止移動瀏覽器滾動事件以及取消(允許)還原瀏覽器滾動事件

1、禁止瀏覽器滾動 document.addEventListener('touchmove', function (event) { event.preventDefault(); }, false); document.addEventListener('

a:hover偽類在ios移動瀏覽器內無效的解決方法

a:hover 設定的樣式在ios系統的瀏覽器內顯示不出來,看來在iOS系統的移動裝置中,需要在按鈕元素或body/html上繫結一個touchstart事件才能啟用:active狀態。 程式碼如下: document.body.addEventList