Vue進(jìn)階（六十三）：如何使瀏覽器打開時，默認(rèn)的文檔模式就是標(biāo)準(zhǔn)模式

前沿：最近做的一個項(xiàng)目是基于chrome開發(fā)的，又來要求是要兼容ie8 ie9 ie10 ie11；那么問題來了，好多樣式行為都千奇百怪的出現(xiàn)，后來發(fā)現(xiàn)，將文檔模式調(diào)為標(biāo)準(zhǔn)之后，才差不多ok；那么我怎么才能確保用戶打開時，文檔模式是標(biāo)準(zhǔn)的呢；而且是不是ie7的標(biāo)準(zhǔn)呢？

IE的“瀏覽器模式”和“文檔模式的區(qū)別”

1.瀏覽器模式

用于切換IE針對該網(wǎng)頁的默認(rèn)文檔模式、對不同版本瀏覽器的條件備注解析、發(fā)送給網(wǎng)站服務(wù)器的用戶代理（User_Agent）字符串的值。網(wǎng)站可以根據(jù)瀏覽器返回的不同用戶代理字符串判斷瀏覽器的版本和安裝的功能，就可以向不同的瀏覽器返回不同的頁面內(nèi)容。

2.文檔模式

用于指定IE的頁面排版引擎（Trident）以哪個版本的方式來解析并渲染網(wǎng)頁代碼。切換文檔模式會導(dǎo)致網(wǎng)頁被刷新，但不會更改用戶代理字符串中的版本號，也不會從服務(wù)器重新下載網(wǎng)頁。切換瀏覽器模式的同時，瀏覽器也會自動的切換到相應(yīng)的文檔模式。

解決方法，請看下方：

第一步，將代碼設(shè)置成html5的模式，那么用戶打開項(xiàng)目之后，文檔模式就是標(biāo)準(zhǔn)的；即不會是ie5Qurik模式；但有可能是ie7標(biāo)準(zhǔn)模式；

第二步，

2.1 在html head中寫上這句代碼，即可時文檔模式為你瀏覽器最高級別的模式；；

2.2 若你想已ie8的標(biāo)準(zhǔn)模式打開，就寫成；

2.3 若你想要以他的文檔模式ie10的打開，瀏覽器級別低于10的就以瀏覽器本身最高的方式打開，那么你要寫這2句話（順序不能錯）：；；

原因，優(yōu)先級是第一句，但第一句執(zhí)行不了，再執(zhí)行第二句；

第三、補(bǔ)充兩點(diǎn)，1.若您的代碼在jsp環(huán)境中，通過iframe的形式展示的，上面代碼寫在common.jsp或者您的basic.jsp即可；

2.經(jīng)我實(shí)踐證明這句：無效，必須寫成IE=EmulateIE10；

3.寫多個文檔模式，這樣即可

JSP Vue

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。