Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 www.99re.,久久精品免视看国产明星,免费va国产高清不卡大片 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務商
          
				
          電腦端+手機端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          從Chrome到Firefox的心路歷程（附火狐效率插件推薦）
          
        
           
          
	
	
          
		
                        
          在前面
          隨著云計算的發(fā)展，越來越多的應用都已經(jīng)遷移到云上，那么一款好用的瀏覽器就顯得格外重要。Chrome瀏覽器從發(fā)布以來一直在吞噬瀏覽器市場，直到今日一直穩(wěn)坐瀏覽器榜首的位置，無人能撼動。的確，Chrome瀏覽器在速度、擴展等方面非常出色，但在國內(nèi)真的適合使用Chrome瀏覽器嗎？我又是為什么從Chrome遷移到Firefox？


          老樣子，本文思維導圖如下：


          Chrome：誰是你的下一任？
          • Chrome瀏覽器的斷舍離
          Chrome瀏覽器曾是我最主要的瀏覽器，沒有之一，但隨著Google撤出中國，Chrome與我漸行漸遠。眾所周知的原因，Chrome在國內(nèi)不能使用Google服務，這就導致出現(xiàn)了以下問題：
          1. 無法同步，多設備之間非常不方便。
          2. 無法官方安裝擴展，Chrome一直以擴展眾多著稱，可是在國內(nèi)卻無法使用，只能間接第三方。
          3. 內(nèi)存占用率越來越高，我辦公的電腦內(nèi)存大半全是被Chrome瀏覽器占用。
          雖然還有很多別的辦法可以間接的實現(xiàn)同步、安裝擴展的功能，但對于小白用戶和懶人（例如我）十分不友好，即使找到教程一步一步安裝還是會出現(xiàn)新的問題，這樣你又要搜索新出問題，一直反復，直到我開始思考是否需要換個新的瀏覽器！
          • 新的下一任備選名單
          在選擇新的瀏覽器有兩個原則必須滿足：
          1. 支持Windows、Mac、iOS和iPad上多設備的同步。
          2. 支持擴展安裝且有豐富的擴展。
          能滿足這兩點的瀏覽器真的很多，最先使用的微軟新推出的Edge瀏覽器。因為Edge現(xiàn)在也開始使用Chromium內(nèi)核（和Chrome內(nèi)核一致），這樣能保證速度。Edge已經(jīng)發(fā)布正式版，現(xiàn)在正在體驗中，不過目前看來Edge的擴展商店應用有限，還待完善。
          國內(nèi)的獵豹、QQ等瀏覽器現(xiàn)在也都開始使用Chromium內(nèi)核，但擴展性不強。再看看瀏覽器市場份額，F(xiàn)irefox映入眼簾。

          2019年桌面端瀏覽器市場份額

          Firefox：國內(nèi)更適合
          相比于Chrome的限制，更加推薦小白用戶使用Firefox，下面我們從移動端和桌面端分別談談Firefox的表現(xiàn)。先說移動端，把重點放在桌面端，最后推薦一下個人使用頻率超高的插件，供值友參看。
          iOS端 Firefox: 一致性的瀏覽體驗
          因為蘋果的限制，所有在App Store上架的瀏覽器必須采用和Safari相同的WebKit內(nèi)核，火狐為了能加入移動市場大戰(zhàn)妥協(xié)了。
          所以在iPhone、iPad上的瀏覽器也就談不上性能的區(qū)分了，主要還是看瀏覽體驗上是否能和桌面端保持一致，這點火狐做的還不錯。Firefox iOS端加入了本地門戶網(wǎng)站，支持書簽、歷史記錄、登錄信息的同步。
          界面設計和桌面端保持一致，通過賬號能多設備聯(lián)動。

          支持發(fā)送到設備，支持桌面版網(wǎng)站
          手機端支持書簽、歷史記錄以及登錄信息同步。

          Firefox設置界面
          支持Siri快捷操作。

          總之，一款手機端該有的功能它都有，而且能實現(xiàn)多設備之間的互動，這點體驗很好！
          桌面端 Firefox：革命之后誓與Chrome一戰(zhàn)
          Firefox和Chrome瀏覽器在內(nèi)核上有本質(zhì)的不同，隨著Chrome一直在搶占桌面端瀏覽器的市場，F(xiàn)irefox背水一戰(zhàn)，推出Firefox Quantum（全新渲染）。至于火狐是如何革自己的命感興趣的可以搜索一下。
          Firefox Quantum：
          設計上：向扁平化設計靠攏，界面更加簡潔。現(xiàn)在默認的界面就已經(jīng)非常漂亮，甚至不需要安裝主題擴展。如果你想讓瀏覽器更加個性化可以通過擴展實現(xiàn)。
          性能上：速度提升，效率提升。采用全新編寫的渲染方式，讓網(wǎng)站的加載、打開速度都較過去有很大的提升。下圖是Firefox和Chrome對比。

          Firefox和Chrome在常用網(wǎng)站打開速度對比（圖片來自網(wǎng)絡）

          擴展上：經(jīng)過這兩年的發(fā)展，擴展數(shù)量上已經(jīng)很多，最重要的是你常用的擴展它都有。

          安裝擴展不費勁
          最后再說兩點需要注意的地方：
          • 國際版與中國版要分清
          為什么有國際版和中國版，火狐官方給出的答復：
          Because the great wall in China, we need to provide local service as default sync service in China. And users can switch between local service and global service by enable/disable a preference.
          國際版與國內(nèi)版瀏覽器本身沒有太大的區(qū)別，只是在功能和擴展上更加符合中國上網(wǎng)習慣。但是國際版國內(nèi)版的賬號是不通用的，如果想多設備聯(lián)動你需要登錄同一版本。我在初次安裝時沒有注意這一點還在納悶為什么不能同步，提醒大家一下。
          • 如切換國內(nèi)版和國際版呢？
          非常簡單，如果你想切換，只需退出登錄，在同步選項卡中選擇“切換至全球服務”即為國際版，“切換至本地服務”即為中國版

          切換全球服務
          從Chrome導入到Firefox
          如果你想從Chrome遷移到Firefox非常方便，瀏覽器內(nèi)置的數(shù)據(jù)遷移非常好用。選擇Chrome中想要遷移的數(shù)據(jù)，不僅僅是書簽、歷史記錄，還支持網(wǎng)站登錄信息的遷移，一步到位，減少你在重新設置的煩惱。

          從Chrome到Firefox遷移很簡單
          Firefox功能推薦
          • 多設備同步
          多設備同步這個功能真的很喜歡，可以實現(xiàn)類似于Apple生態(tài)圈中的同步功能。在Windows、Mac、iPhone、iPad上可以發(fā)送網(wǎng)頁信息，方便在多設備上切換使用。

          網(wǎng)頁端發(fā)送

          客戶端接收
        1. 書簽側(cè)邊欄
          2. 把書簽、歷史信息放在側(cè)邊欄，方便管理，非常喜歡這個功能。

          書簽側(cè)邊欄
          Firefox插件推薦
          外觀類插件
          • Firefox Color
          重新設計的界面已經(jīng)非常簡單，但如果你還想根據(jù)自己的喜好更換，可以試一試Firefox官方插件Color，設置非常簡單，所見即所得，幾部就能完成瀏覽器的個性化。

          Firefox Color
        2. VivaldiFox
          3. 想瀏覽器變得更加生動，試試這款插件，Tab顏色隨著網(wǎng)頁主題顏色變換，非常炫酷。

          標簽變色
        3. Stylus
          4. 如果上述還是不能滿足你，還想要更加專業(yè)的修改，可以試一試Stylus，這款插件的專業(yè)性就要強很多。

          Stylus
        4. Dark Reader
          5. 黑暗模式，雖然現(xiàn)在部分網(wǎng)站已經(jīng)支持黑暗模式，但是大部分還是不支持。通過Dark Reader插件能將網(wǎng)頁轉(zhuǎn)換為黑暗模式，更加適合在晚上觀看。

          可以自己設定
          實用工具類插件
          • 簡閱
          簡閱這款有名的閱讀類插件已經(jīng)登錄Firefox了，點擊一下，讓你更加專注的內(nèi)容本身上，提供更好的沉浸式閱讀體驗。

          提供更好的閱讀體驗

          定義自己的閱讀模式
        5. Adblock Plus
          6. 大名鼎鼎的屏蔽廣告類插件，不解釋了。
          • Markdown Here
          喜歡Markdown的值友可以試試這款插件，通過自定義CSS，可以讓你的內(nèi)容在不同平臺都有統(tǒng)一的樣式，非常方便。

          Markdown Here
        6. Read Aloud
          7. 電腦看時間長了，眼睛酸了，可以試試這款文字轉(zhuǎn)音頻插件，聽聽也不錯。

          將網(wǎng)頁文字內(nèi)容轉(zhuǎn)換為音頻
        7. Clip to OneNote
          8. 我是OneNote的重度用戶，一鍵將網(wǎng)頁內(nèi)容粘貼到OneNote。
          • Fireshot
          截圖軟件，提供多種選擇，截圖完成后保存可以選擇為圖片或者PDF文件。

          提供多種截圖模式，保存可以是圖片或PDF文件。
        8. Foxy Gestures
          9. 鼠標的手勢操作，通過自定義可以快速實現(xiàn)功能。
          • Mutil-Account Containers
          官方提供的“小號“神器，可以在一個瀏覽器中通過不同的Containers實現(xiàn)登錄不同的賬號，通過顏色區(qū)分，是真正的小號神器。非常推薦！

        9. Tampermonkey
          10. 腳本管理插件，各種小功能走起來，用腳本行天下，哈哈！

        10. 云盤萬能鑰匙
          11. 主要是針對百度云盤，自動復制云盤分享的鏈接和密碼，自動填充，直接打開分享內(nèi)容，特別是一些沒有密碼的也可使用。

          自動提取秘鑰
        11. Weibo Mini
          12. 邊刷微博，邊學習（上網(wǎng)）。
        12. Firefox Send
          13. 這個不是插件，而是一個網(wǎng)站，F(xiàn)irefox Send，文件最大上傳支持1G，上傳后下載一次或者24小時無下載即刪除，臨時大文件可以試一試，速度還可以。

          結(jié)尾
          前面便是我從Chrome遷移到Firefox的新路歷程，如果你和我一樣，想實現(xiàn)多設備同步，插件安裝方便，可以給Firefox一個機會。
          隨著微軟的Edge正式發(fā)布，相信瀏覽器市場還會有變動。目前Edge使用起來還是比較方便的，但是能不能撼動Chrome瀏覽器大哥的位置，還需要時間和深度體驗，關(guān)于Edge我會在以后的文章中詳細介紹。
          以上！我是麥豆爸爸！
          #頭條數(shù)碼潛力作者#
          實很復雜，因為瀏覽器的主要功能是通過向服務器請求并在瀏覽器窗口中顯示它來顯示您選擇的Web資源。但瀏覽器從“界面”到“渲染”，已經(jīng)做了非常多的步驟，最終呈現(xiàn)在我們面前就是很簡單的網(wǎng)頁內(nèi)容，下面我會詳細敘述下瀏覽器內(nèi)核的功能。
          什么是瀏覽器內(nèi)核？
          瀏覽器的核心部分應該是瀏覽器核心的“渲染引擎”，其主要作用是解釋頁面語法并渲染頁面。因此，“渲染引擎”確定瀏覽器如何顯示網(wǎng)頁的內(nèi)容和格式信息。不同的瀏覽器內(nèi)核對網(wǎng)頁編寫的語法的解釋不同，從而導致呈現(xiàn)效果不同，從而導致兼容性問題。
          常見的瀏覽器內(nèi)核是什么？
          1.Trident 
          Trident（IE內(nèi)核）：該內(nèi)核程序于1997年在IE4中首次采用。它是由Microsoft在Mosaic代碼的基礎上進行修改的，并在IE11中使用。也通常稱為“ IE內(nèi)核”。由于IE本身的“壟斷”，Trident內(nèi)核很長時間沒有更新，這導致與W3C標準的脫節(jié)并暴露了安全性問題。
          在2011年，Trident開始從IE 9支持HTML5和CSS3。自版本11起，IE最初已支持WebGL技術(shù)。IE8的JavaScript引擎是Jscript，IE9開始使用Chakra。Trident內(nèi)核的常見瀏覽器是：
          • IE6，IE7，IE8（三叉戟4.0），IE9（三叉戟5.0），IE10（三叉戟6.0）；
          • 360安全瀏覽器（Trident適用于1.0-5.0，Trident + Webkit適用于6.0，Trident + Blink適用于7.0）；
          • 360 Extreme Speed瀏覽器（7.5 Trident + Webkit，7.5 Trident + Blink之前）；
          • 獵豹安全瀏覽器（版本1.0-4.2 Trident + Webkit，版本4.3和更高版本的Trident + Blink）；
          • UC瀏覽器（Webkit內(nèi)核+ Trident內(nèi)核）。
          2. Webkit
          Webkit（Safari內(nèi)核，Chrome內(nèi)核原型，開放源代碼）：它是Apple自己的內(nèi)核，也是Apple Safari瀏覽器使用的內(nèi)核。Webkit引擎包括WebCode排版引擎和JavaScript代碼解析引擎。
          它們分別來自KDE的KHTML和KJS。它們是GPL條約授權(quán)的免費軟件，并支持BSD系統(tǒng)開發(fā)。Chrome，360 Extreme Speed Browser和Sogou High Speed Browser也使用Webkit作為內(nèi)核（Chorome使用其自己的V8引擎來理解腳本）。
          3. Blink
          這是由Google和Opera Software開發(fā)的瀏覽器排版引擎，谷歌將其作為Chromium計劃的一部分進行計算，并于2013年4月發(fā)布。
          此渲染引擎是開源引擎Webkit中WebCore組件的一個分支，用于Chrome（28和更高版本），Opera（15和更高版本）和Yandex瀏覽器。
          瀏覽器的高級結(jié)構(gòu)
          瀏覽器的主要組件是：
          1. 用戶界面：包括地址欄，后退/前進按鈕，書簽菜單等。瀏覽器的每個部分都會顯示，但您看到所請求頁面的窗口除外。
          2. 瀏覽器引擎：封送UI和呈現(xiàn)引擎之間的動作。
          3. 呈現(xiàn)引擎：負責顯示請求的內(nèi)容。例如，如果請求的內(nèi)容是HTML，則呈現(xiàn)引擎解析HTML和CSS，然后在屏幕上顯示解析的內(nèi)容。
          4. 聯(lián)網(wǎng)：用于HTTP請求之類的網(wǎng)絡調(diào)用，在獨立于平臺的界面后面針對不同平臺使用不同的實現(xiàn)。
          5. UI后端：用于繪制基本小部件，例如組合框和窗口。該后端公開了不是平臺特定的通用接口。它的下面使用操作系統(tǒng)用戶界面方法。
          6. JavaScript解釋器。用于解析和執(zhí)行JavaScript代碼。
          7. 數(shù)據(jù)存儲。這是一個持久層。瀏覽器可能需要在本地保存各種數(shù)據(jù)，例如cookie。瀏覽器還支持存儲機制，例如localStorage，IndexedDB，WebSQL和FileSystem。
          網(wǎng)頁渲染主要流程
          呈現(xiàn)引擎將開始從網(wǎng)絡層獲取請求的文檔的內(nèi)容。通常以8kB的塊完成。
          之后，這是渲染引擎的基本流程：
          渲染引擎將開始解析HTML文檔，并將元素轉(zhuǎn)換為稱為“內(nèi)容樹”的樹中的DOM節(jié)點。引擎將解析外部CSS文件和樣式元素中的樣式數(shù)據(jù)。樣式信息以及HTML中的視覺指令將用于創(chuàng)建另一棵樹：渲染樹。
          渲染樹包含具有視覺屬性（如顏色和尺寸）的矩形。矩形按正確的順序顯示在屏幕上。
          構(gòu)建渲染樹后，它將經(jīng)歷“ 布局 ”過程。這意味著為每個節(jié)點提供應在屏幕上顯示的確切坐標。下一階段是繪畫，將遍歷渲染樹，并使用UI后端層繪畫每個節(jié)點。
          重要的是要了解這是一個循序漸進的過程。為了獲得更好的用戶體驗，渲染引擎將嘗試盡快在屏幕上顯示內(nèi)容。它不會等到所有HTML解析完畢后才開始構(gòu)建和布局渲染樹。部分內(nèi)容將被解析并顯示，而該過程將繼續(xù)處理其余部分內(nèi)容，這些其余內(nèi)容始終來自網(wǎng)絡。
          總結(jié)
          簡單來說，目前瀏覽器大致已經(jīng)趨向于Webkit系，Webkit系的代碼量還是很大的。加上Chrome的使用頻率在PC市場中有著絕對市場，而且現(xiàn)在Win10的Edge也加入了Webkit體系，速度加快了不少。所以在不久的將來我們可以預見的是瀏覽器會以Webkit系為主，然后百花齊放。
          、定義
          <meta> 標簽提供關(guān)于 HTML 文檔的元數(shù)據(jù)。它不會顯示在頁面上，但是對于機器是可讀的。可用于瀏覽器（如何顯示內(nèi)容或重新加載頁面），搜索引擎（關(guān)鍵詞），或其他 web 服務。
          2、作用
          meta里的數(shù)據(jù)是供機器解讀的，告訴機器該如何解析這個頁面，還有一個用途是可以添加服務器發(fā)送到瀏覽器的http頭部內(nèi)容，例如我們?yōu)轫撁嬷刑砑尤缦耺eta標簽：

          2. <meta http-equiv="charset" content="iso-8859-1">
          3. <meta http-equiv="expires" content="31 Dec 2008">
          瀏覽器的頭部就會包括這些:

          2. charset:iso-8859-1
          3. expires:31 Dec 2008
          只有瀏覽器可以接受這些附加的頭部字段，并能以適當?shù)姆绞绞褂盟鼈儠r，這些字段才有意義。
          3、meta的必需屬性和可選屬性
          meta的必需屬性是content，當然并不是說meta標簽里一定要有content，而是當有http-equiv或name屬性的時候，一定要有content屬性對其進行說明。例如：
          必需屬性
          <meta name="keywords" content="HTML,ASP,PHP,SQL">
          這里面content里的屬性就是對keywords進行的說明，所以呢也可以理解成一個鍵值對吧，就是{keywords:"HTML,ASP,PHP,SQL"}。
          可選屬性
          在W3school中，對于meta的可選屬性說到了三個，分別是http-equiv、name和scheme。考慮到scheme不是很常用，所以就只說下前兩個屬性吧。
          http-equiv
          http-equiv屬性是添加http頭部內(nèi)容，對一些自定義的，或者需要額外添加的http頭部內(nèi)容，需要發(fā)送到瀏覽器中，我們就可以是使用這個屬性。在上面的meta作用中也有簡單的說明，那么現(xiàn)在再舉個例子。例如我們不想使用js來重定向，用http頭部內(nèi)容控制，那么就可以這樣控制：
          <meta http-equiv="Refresh" content="5;url=http://blog.yangchen123h.cn" />
          •  
          在頁面中加入這個后，5秒鐘后就會跳轉(zhuǎn)到指定頁面啦，效果可看W3school的例子
          name
          第二個可選屬性是name，這個屬性是供瀏覽器進行解析，對于一些瀏覽器兼容性問題，name屬性是最常用的，當然有個前提就是瀏覽器能夠解析你寫進去的name屬性才可以，不然就是沒有意義的。還是舉個例子吧:
          <meta name="renderer" content="webkit">
          •  
          這個meta標簽的意思就是告訴瀏覽器，用webkit內(nèi)核進行解析，當然前提是瀏覽器有webkit內(nèi)核才可以，不然就是沒有意義的啦。當然看到這個你可能會有疑問，這個renderer是從哪里冒出來的，我要怎么知道呢？這個就是在對應的瀏覽器的開發(fā)文檔里就會有表明的，例如這個renderer是在360瀏覽器里說明的。360瀏覽器內(nèi)核控制Meta標簽說明文檔
          常用meta標簽大總結(jié)
          接下來就是常用的meta標簽大總結(jié)啦，我會盡可能的做到全
          charset
          charset是聲明文檔使用的字符編碼，解決亂碼問題主要用的就是它，值得一提的是，這個charset一定要寫第一行，不然就可能會產(chǎn)生亂碼了。
          charset有兩種寫法

          2. <meta charset="utf-8">
          3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
          •  
          兩個都是等效的。
          百度禁止轉(zhuǎn)碼
          百度會自動對網(wǎng)頁進行轉(zhuǎn)碼，這個標簽是禁止百度的自動轉(zhuǎn)碼
          <meta http-equiv="Cache-Control" content="no-siteapp" />
          SEO 優(yōu)化部分

          2. <!-- 頁面標題<title>標簽(head 頭部必須) -->
          3. <title>your title</title>
          4. <!-- 頁面關(guān)鍵詞 keywords -->
          5. <meta name="keywords" content="your keywords">
          6. <!-- 頁面描述內(nèi)容 description -->
          7. <meta name="description" content="your description">
          8. <!-- 定義網(wǎng)頁作者 author -->
          9. <meta name="author" content="author,email address">
          10. <!-- 定義網(wǎng)頁搜索引擎索引方式，robotterms 是一組使用英文逗號「,」分割的值，通常有如下幾種取值：none，noindex，nofollow，all，index和follow。 -->
          11. <meta name="robots" content="index,follow">
          viewport
          viewport主要是影響移動端頁面布局的，例如：

          2. <meta name="viewport" content="width=device-width, initial-scale=1.0">
          3.  
          content 參數(shù)：
          • width viewport 寬度(數(shù)值/device-width)
          • height viewport 高度(數(shù)值/device-height)
          • initial-scale 初始縮放比例
          • maximum-scale 最大縮放比例
          • minimum-scale 最小縮放比例
          • user-scalable 是否允許用戶縮放(yes/no)
          各瀏覽器平臺
          Microsoft Internet Explorer

          2. <!-- 優(yōu)先使用最新的ie版本 -->
          3. <meta http-equiv="x-ua-compatible" content="ie=edge">
          4. <!-- 是否開啟cleartype顯示效果 -->
          5. <meta http-equiv="cleartype" content="on">
          6. <meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
          7.  
          8.  
          9. <!-- Pinned Site -->
          10. <!-- IE 10 / Windows 8 -->
          11. <meta name="msapplication-TileImage" content="pinned-tile-144.png">
          12. <meta name="msapplication-TileColor" content="#009900">
          13. <!-- IE 11 / Windows 9.1 -->
          14. <meta name="msapplication-config" content="ieconfig.xml">
          Google Chrome

          2. <!-- 優(yōu)先使用最新的chrome版本 -->
          3. <meta http-equiv="X-UA-Compatible" content="chrome=1" />
          4. <!-- 禁止自動翻譯 -->
          5. <meta name="google" value="notranslate">
          360瀏覽器

          2. <!-- 選擇使用的瀏覽器解析內(nèi)核 -->
          3. <meta name="renderer" content="webkit|ie-comp|ie-stand">
          UC手機瀏覽器
          UCBrowser_U3_API
          QQ手機瀏覽器

          2. <!-- 鎖定屏幕在特定方向 -->
          3. <meta name="x5-orientation" content="landscape/portrait">
          4. <!-- 全屏顯示 -->
          5. <meta name="x5-fullscreen" content="true">
          6. <!-- 頁面將以應用模式顯示 -->
          7. <meta name="x5-page-mode" content="app">
          Apple iOS

          2. <!-- Smart App Banner -->
          3. <meta name="apple-itunes-app" content="app-id=APP_ID,affiliate-data=AFFILIATE_ID,app-argument=SOME_TEXT">
          4.  
          5.  
          6. <!-- 禁止自動探測并格式化手機號碼 -->
          7. <meta name="format-detection" content="telephone=no">
          8.  
          9.  
          10. <!-- Add to Home Screen添加到主屏 -->
          11. <!-- 是否啟用 WebApp 全屏模式 -->
          12. <meta name="apple-mobile-web-app-capable" content="yes">
          13. <!-- 設置狀態(tài)欄的背景顏色,只有在 “apple-mobile-web-app-capable” content=”yes” 時生效 -->
          14. <meta name="apple-mobile-web-app-status-bar-style" content="black">
          15. <!-- 添加到主屏后的標題 -->
          16. <meta name="apple-mobile-web-app-title" content="App Title">
          Google Android

          2. <meta name="theme-color" content="#E64545">
          3. <!-- 添加到主屏 -->
          4. <meta name="mobile-web-app-capable" content="yes">
          5. <!-- More info: https://developer.chrome.com/multidevice/android/installtohomescreen -->
          App Links

          2. <!-- iOS -->
          3. <meta property="al:ios:url" content="applinks://docs">
          4. <meta property="al:ios:app_store_id" content="12345">
          5. <meta property="al:ios:app_name" content="App Links">
          6. <!-- Android -->
          7. <meta property="al:android:url" content="applinks://docs">
          8. <meta property="al:android:app_name" content="App Links">
          9. <meta property="al:android:package" content="org.applinks">
          10. <!-- Web Fallback -->
          11. <meta property="al:web:url" content="http://applinks.org/documentation">
          12. <!-- More info: http://applinks.org/documentation/ -->
          最后——移動端常用的meta

          2. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
          3. <meta name="apple-mobile-web-app-capable" content="yes" />
          4. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
          5. <meta name="format-detection"content="telephone=no, email=no" />
          6. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
          7. <meta name="apple-mobile-web-app-capable" content="yes" /><!-- 刪除蘋果默認的工具欄和菜單欄 -->
          8. <meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 設置蘋果工具欄顏色 -->
          9. <meta name="format-detection" content="telphone=no, email=no" /><!-- 忽略頁面中的數(shù)字識別為電話，忽略email識別 -->
          10. <!-- 啟用360瀏覽器的極速模式(webkit) -->
          11. <meta name="renderer" content="webkit">
          12. <!-- 避免IE使用兼容模式 -->
          13. <meta http-equiv="X-UA-Compatible" content="IE=edge">
          14. <!-- 針對手持設備優(yōu)化，主要是針對一些老的不識別viewport的瀏覽器，比如黑莓 -->
          15. <meta name="HandheldFriendly" content="true">
          16. <!-- 微軟的老式瀏覽器 -->
          17. <meta name="MobileOptimized" content="320">
          18. <!-- uc強制豎屏 -->
          19. <meta name="screen-orientation" content="portrait">
          20. <!-- QQ強制豎屏 -->
          21. <meta name="x5-orientation" content="portrait">
          22. <!-- UC強制全屏 -->
          23. <meta name="full-screen" content="yes">
          24. <!-- QQ強制全屏 -->
          25. <meta name="x5-fullscreen" content="true">
          26. <!-- UC應用模式 -->
          27. <meta name="browsermode" content="application">
          28. <!-- QQ應用模式 -->
          29. <meta name="x5-page-mode" content="app">
          30. <!-- windows phone 點擊無高光 -->
          31. <meta name="msapplication-tap-highlight" content="no">
          32. <!-- 適應移動端end -->
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲午夜日韩高清一区|
久久亚洲综合色一区二区三区|
中文字幕VA一区二区三区
|
国产一区二区不卡老阿姨|
国模吧无码一区二区三区|
亚洲av无码一区二区三区天堂
|
成人中文字幕一区二区三区
|
日韩在线一区二区|
国产一区麻豆剧传媒果冻精品|
国产精品亚洲一区二区三区在线观看
|
秋霞鲁丝片一区二区三区|
波多野结衣一区二区|
在线播放一区二区|
国产婷婷色一区二区三区|
国产午夜三级一区二区三|
高清一区二区三区|
中文无码精品一区二区三区|
亚洲一区爱区精品无码|
chinese国产一区二区|
日韩一区二区三区在线观看|
久久精品无码一区二区app|
国产激情з∠视频一区二区|
jazzjazz国产精品一区二区|
国产福利电影一区二区三区，亚洲国模精品一区
|
国产一区二区三精品久久久无广告|
国产精品一区二区三区免费|
大伊香蕉精品一区视频在线|
国产精品99无码一区二区|
精品视频无码一区二区三区
|
国产激情一区二区三区四区
|
变态拳头交视频一区二区
|
免费高清在线影片一区|
国产精品亚洲一区二区三区久久|
美女免费视频一区二区|
日本韩国黄色一区二区三区|
亚州国产AV一区二区三区伊在|
国产韩国精品一区二区三区
|
精品国产一区二区三区久久狼|
国产在线观看精品一区二区三区91|
亚洲熟女乱综合一区二区|
久久久99精品一区二区|