網頁頁面渲染模式

2021-06-27 14:33:02 字數 1407 閱讀 8330

另一外方便,有些比較現代的**,採用了很多html5、css3等最新的網路標準,ie8這些老舊的瀏覽器是無法支援的,而其他非ie瀏覽器對這些標準支援程度都比較高。為了應對這樣的情況,所以國內很多網際網路公司推出了「雙核」瀏覽器。

「雙核」瀏覽器內部的兩個核心分別是ie核心和webkit核心。

「雙核」瀏覽器的兩個核心並不能同時為乙個網頁進行渲染排版工作,而是根據我們的需要,

選擇兩者之中更適合當前網頁的核心來進行渲染排版

。ie核心主要用於相容「老一輩」的網頁,使其能夠正常顯示;webkit核心則用於渲染「新一代」的網頁,從而發揮出更快的顯示速度、更好的顯示效果、更優異的指令碼執行效能。

在head標籤中新增一行**:

content的取值為webkit,ie-comp,ie-stand之一,區分大小寫,分別代表用webkit核心,ie相容核心,ie標準核心。

若頁面需預設用極速核,增加標籤:

若頁面需預設用ie相容核心,增加標籤:

若頁面需預設用ie標準核心,增加標籤:

同時也可以同時指定多個核心名稱,之間以符號」|」進行分隔:

<

meta

name

="renderer"

content

="webkit|ie-comp|ie-stand"

>

此時瀏覽器將會按照從左到右的先後順序選擇其具備的渲染核心來處理當前網頁。

ie8引入新的概念「文件模式」:要

強制瀏覽器以某種模式渲染頁面

,可以使用

ie的版本(ieversion)有以下一些不同的值:

edge:始終以最新的文件模式來渲染頁面。忽略文件型別宣告。

emulateie9:如果有文件型別宣告,則以ie9標準模式渲染頁面,否則將文件模式設定為ie5。

emulateie8:如果有文件型別宣告,則以ie9標準模式渲染頁面,否則將文件模式設定為ie5。

emulateie7:如果有文件型別宣告,則以ie9標準模式渲染頁面,否則將文件模式設定為ie5。

9:強制以ie9標準模式渲染頁面,忽略文件型別宣告。

8:強制以ie8標準模式渲染頁面,忽略文件型別宣告。

7:強制以ie7標準模式渲染頁面,忽略文件型別宣告。

5:強制將標準模式設定為ie5,忽略文件型別宣告。

這樣寫可以達到的效果是如果安裝了gcf,則使用chrome核心來渲染頁面,如果為安裝gcf,則使用最高版本的ie核心進行渲染。

通過document.documentmode屬性可以知道頁面使用的是什麼文件模式。

抓取網頁頁面資訊

不借助第三方工具 httpunit,htmlparse 想獲得也個 的某個頁面的資訊,關鍵是能順利請求到該頁面。某些 進行加密和其他技術可以防止被抓,那就很難你得逞了。請求連線方法 這樣就可以順利獲得 該關鍵字 在第幾頁的列表資訊了 做完這一步就可以通過解析要查詢的資訊了,比如公司資訊,招聘職位 w...

網頁頁面自適應小結

這段時間調整了幾個頁面的自適應情況,採用的方式一般都是用js去動態獲取當前window的高和寬,然後再按實際情況根據比例去分配。例如下面的一段 var ww window width var wh window height var contenth wh 41 tree height conten...

網頁頁面的自適應

一.允許網頁寬度自動調整 自適應網頁設計 到底是怎麼做到的?其實並不難。首先,在網頁 的頭部,加入一行viewport元標籤。viewport是網頁預設的寬度和高度,上面這行 的意思是,網頁寬度預設等於螢幕寬度 width device width 原始縮放比例 initial scale 1 為1...