導航:首頁 > 編程大全 > ie9開發人員工具

ie9開發人員工具

發布時間:2023-04-28 19:31:39

❶ IE9使用技巧大全 使用IE9的9則須知

IE瀏覽器9,比起之前的版本,新增了很多的功能,這些多數讓使用者聽了不明不白,不要說是去使用它們了。接下來,我針對一些令人一頭霧水的IE9新增功能,進行詳細的介紹。

IE瀏覽器

1、新JavaScript引擎,帶給你飛的感覺。

IE9全新內置的“ChakraJavaScript引擎”,充分利用當下主流計算機配置的多核心CPU,優化協同運算能力,編譯、執行速度更快!同時與DOM的緊密集成,讓網路應用運行更順暢,反應更迅速——帶給你真正可以感受到的速度提升。

2、GPU硬體加速——是的,它真的來了。

IE9將全面支持HTML5GPU硬體加速,藉助GPU的效能,來渲染標準的Web內容,如文字、圖像、視頻、SVG(可縮放矢量圖形)等網路信息,減少CPU負荷,大大的提高瀏覽器的速度。開發人員無需為GPU硬體加速特性重新編寫網站,直接提升圖形處理性能。緩皮枝

3、子系統優化,提升協同處理效率。

IE9子系統全面改進,極大提高了對HTML、CSS和JavaScript的解釋效率。將布局以及渲染等方面的資源更合理的分配和優化,在減少對內存和處理資源耗用的同時,讓網頁呈現和網路應用程序的運行速度更加順暢。

4、“存在”的意義,是為了讓用戶“忽視”。

IE9帶來全新用戶界面——簡單、清晰、有效,盡可能簡化瀏覽器的外觀元素和操作步驟——希望用戶能夠最大限度的“忽略”IE9的“存在”,而將注意力全部沉浸在精彩的網路內容當中。

5、全面支持最新網路標准。

IE9支持最新的HTML5、CSS3、SVG和DOML2&L3,你可以充分利用這些技術展現你的網路創意,不必再針對不同瀏覽器編寫不同代碼,大幅度降低你的開發時間和難度。

6、整合更多開發工具

與其他瀏覽器相比,IE9內置了更多強大的開發人員工具——包括JavaScript分析工具、CSS編輯器和新的網路分析器等。這些工具當你需要時就在手邊,方便你進行開發和握悉調試,實現與IE9的全方位整合。

7、炫動網路,由你開發。

IE9提供了一系列先進技術,如D2DDirectX圖形架構和圖形、色彩解碼器等,助你實現高清視頻和多媒體交互。搭配GPU圖形硬體加速,讓畫面質量和流暢性達到質的提升,為你搭建一個更好的平台,來為你的用戶展現前所未有的視覺、聽覺體驗。

8、是網站,也是一個Windows7程序。

利用最新的Windows應用程序介面(API)讓開發者能夠使用JavaScript來定義滑鼠右鍵快捷菜單、任務欄縮略圖、跳轉列表項和觸控等功能,使其與Windows7操作系統完美整合,帶來新的瀏覽方式,讓用戶體驗上升到新的高度。

9、容性模式,帶來擾敏更大靈活性。

IE9讓開發人員來選擇瀏覽站點時所使用的模式,其中包括IE9標准模式、IE8文檔模式、兼容視圖模式(IE7)或Quirks模式(IE5)。如果用戶單擊兼容模式按鈕,網站將以開發者事先指定的模式或兼容視圖模式(IE7)運行,保證向後的兼容性和網站升級時的靈活性。

❷ 如何使用IE9瀏覽器自帶開發人員工具捕獲網頁請求

F12 開發人員工具是一套按需採用的工具,內建於 Windows Internet Explorer 9 的每次安裝之中。網站開發人員可以隨時在任何網頁上使用 F12 工具,從而快速調試 JavaScript、HTML 和級聯樣式表 (CSS),還可以跟蹤並查明網頁或網路的性能問題。
F12的存在要求程序開發人員重要的數據不能寫在HTML頁面中,要寫在一般處理程序或者後台中,不然很容易被用戶知道比如密碼之類的。對WEP開發人員有利的地方就是可以參照別人網站的布局樣式等來構思自己的網站。因為F12可以看到網站的布局、樣式、js等代碼哦!

使用「HTML」選項卡

「HTML」選項卡視圖在由內存中的 Windows Internet Explorer 9
呈現的樹視圖中顯示你的網頁的動態標記。它反映打開 F12 時的 DOM,如果有任何更改,則需要刷新。
你可以使用滑鼠或鍵盤直接在樹視圖中導航,以及查看特性和更改值。

若要跳轉到網頁上的特定元素,請按 Ctrl+B,或單擊「單擊選擇元素」 按鈕。在網頁上,當你將滑鼠懸停在元素上方時將突出顯示相應的元素。單擊某個元素時,將在 HTML 視圖中突出顯示 DOM 樹中對應的節點。

在「HTML」選項卡中選擇一個元素時,可使用「視圖」>「源」菜單在你的視圖中篩選出按照元素關聯的 CSS 樣式或僅按照元素本身選擇的元素。

「帶有樣式的元素源」按鈕僅在新窗口中顯示選定元素的 HTML 源及其內容,以及適用於它的 CSS。這有助於只關注選定元素的源文件。必須首先使用「HTML」選項卡視圖選擇 DOM 樹的主體內的某個 HTML 元素,然後才可以運行此命令。若要選擇某個元素,可單擊「單擊選擇元素」按鈕,或在 DOM 樹中單擊某個元素。
當你使用「單擊選擇元素」時,首先刷新視圖是個不錯的主意。

若要展開或折疊某個元素的屬性,請單擊用加號 (+ ) 或減號 (-) 標記的框。HTML 和 CSS 視圖中的所有元素都是可編輯的,並且編輯操作會立即生效。通過單擊元素名稱旁邊的復選框,可以打開或關閉樣式規則和特性。

查看動態 HTML 代碼

大多數網站使用動態代碼。客戶端腳本通常用於生成用戶可以看到的呈現的 HTML。靜態 HTML
代碼的數量通常很少,僅用於在頁面上啟動操作。由於 F12 工具將顯示呈現在瀏覽器中的 HTML 和 CSS 代碼,而不是顯示嚴格的 HTML
源,因此查找錯誤更容易一些。

「HTML」選項卡顯示 DOM 的當前狀態,而不會自動跟蹤更改。如果你更改了某個值或特性,但它沒有立即顯示,請在「HTML」選項卡中按 F5 刷新視圖。

更改值和添加特性

F12 工具允許你更改幾乎任何特性或屬性的值。從「HTML」選項卡內,從 DOM 樹中選擇一個元素或使用「單擊選擇元素」按鈕選擇一個元素。在屬性視圖(右窗格)中,單擊一個值以突出顯示伍辯並更改它。

例如,在 Internet Explorer 9 中打開如何使用 CSS3 添加圓角中的 CSS 示例頁面並且按 F12 可打開該工具。單擊「單擊選擇元素」按鈕 ,然後單擊栗色的 Now in stock at Fourth Coffee 標題。 在屬性窗格中,單擊 "h2" 選擇器下的顏色特性。 鍵入一個新的顏色名稱或值,如 blue,然後按 Enter。標題的顏色將立即更改。

要添旅穗加特性,請右鍵單擊「HTML」或「CSS」選項卡的左窗格中的元素,然後單擊上下文菜單中的「添加屬性」。你需要知道該特性的格式(如 "background-color:")和正確值。

若要刪除某個特性(你添加的特性或現有特性),請在右窗格視圖中單擊該特性,然後按 Delete 鍵。對於原始頁中的特性,可通過刷新網頁恢復它們。添加的特性需要重新應用。

如果你只希望在某個會話期間臨時關閉某個特性,則在「HTML」或「CSS」選項卡的右窗格中清除該特性旁邊的復選框。

「HTML」選項卡視圖和工具

在左窗格樹視圖中選擇一個元素時,你可以在右側查看和更改所選元素及其子元素的樣式、框模型布局和特性。 你所做的更改不是永久的,當你刷新或打開另一個頁面時這些更改會丟失。但是,你可以通過單擊「保存」按鈕來保存你的 HTML 代碼。

當你查看應用於「樣式」拆橘卜和「跟蹤樣式」選項卡中所選元素的多個 CSS 規則時,將根據 CSS
規范,基於這些規則的專一性來顯示它們。列表頁首的規則將第一個應用到所選元素,而底部的規則是當前定義所選元素的樣式屬性的規則。這些規則的值是可編輯
的,方法為:單擊某個值,鍵入新值,然後按
"Enter"。更改會立即在網頁上顯示。這兩個屬性類型中的信息是相同的。但在「跟蹤樣式」屬性類型中,相同的信息按照屬性(在其下面顯示規則)分組。
這些屬性按字母順序列出,並基於專一性再次對規則排序。

樣式 顯示你在樹視圖中選擇的元素的規則和樣式。它按規則進行組織,並包含繼承的特性和重寫的特性。

跟蹤樣式 顯示與樣式相同的信息,但是按屬性而不是規則分組。

布局 顯示所選元素的框模型。通過單擊圖表中的相應值,可更改「布局」視圖中的任意值。「布局」選項卡對可縮放矢量圖形 (SVG) 元素禁用。

特性 顯示選定元素的特性,如 ID。可以添加或刪除特性

右鍵單擊「HTML」選項卡上的菜單

如前面所述,可在「HTML」選項卡的左窗格中右鍵單擊一個元素。下面是你可以在「HTML」選項卡中使用的選項。

菜單項
作用

添加特性 向標記或元素中添加新的特性。

復制 將標記和特性復制到剪貼板中。

復制 InnerHTML 將元素的 InnerHTML 內容(子文本、元素和特性)復制到剪貼板。

復制 OuterHTML 將元素的 OuterHTML 內容(子文本、元素和特性)復制到剪貼板。

如果在「HTML」選項卡中單擊某個元素的子節點,如 "h2" 標記的文本元素,則可能無法獲得所有選項。如果你未看到所需的選項,則轉到父元素並重試。

檢查 CSS 規則

「CSS」選項卡顯示你的樣式表之間的相互影響。此選項卡對於使用多個樣式表的網站很有用。若要在樣式表之間切換,可使用樣式表選擇器。當你選擇某
個樣式表時,左窗格中將顯示規則及其相關樣式屬性。默認情況下,此按鈕顯示在網頁中引用的第一個樣式表。如果有多個樣式表正在網頁上使用,則單擊下拉列表
以選擇其他樣式表。

「CSS」選項卡上的快捷菜單選項

當你右鍵單擊「CSS」選項卡時,快捷菜單將會提供比「HTML」選項卡更多的選項。啟用的選項是上下文相關的,並取決於你在「CSS」選項卡中單擊的位置。

菜單項
作用
右鍵單擊的位置

添加特性 向標記或元素中添加新的特性。 在規則或特性(任何元素)上。

添加規則 添加選擇器、聲明或樣式。 在白色區域中,而不是在現有元素上。

後加規則 在當前規則之後添加選擇器或規則。 在任何元素上。

前加規則 在當前規則之前添加選擇器或規則。 在任何元素上。

刪除特性。 刪除選定的特性。 在任何特性上。

刪除規則 刪除選定的規則和所有相關的特性。 在任何規則或選擇器上。

在「CSS」選項卡中更改數字 CSS 值

CSS 屬性的值可以像 F12 工具中的幾乎任何其他屬性一樣進行更改。通過單擊屬性值並鍵入新值,可以更改 CSS 屬性。在「CSS」選項卡中,還可使用向上鍵和向下鍵增加或減小數值。

搜索和保存更改

像 F12 工具中的其餘選項卡一樣,你可以使用「搜索」框在「HTML」和「CSS」選項卡中搜索特定標記、屬性、特性或值。單擊「搜索」按鈕時,將突出顯示搜索關鍵字的所有實例,並且窗格會滾動到顯示第一個匹配項。

如果存在多個匹配項,則可使用「下一個」和「上一個」按鈕向前和向後滾動。

你所做的更改(例如,調整框模型或添加特性)不是永久的。當你在瀏覽器中重新載入頁面或導航到其他網頁時,你所做的任何更改都會丟失。若要保存對 HTML/CSS 文件的本地副本的更改,請單擊左窗格上的「保存」按鈕。

❸ 64位的win7系統,選擇開發人員工具降級ie11到IE9,關閉開發人員工具窗口後自動返回ie11怎麼解決

操作步驟如下:
1、打開ie11,點擊IE11瀏覽器右上角的齒輪圖標,點擊開發人員工具回。答
2、點擊後,下面會顯示出,開發工具操作對話框。
3、點擊Edge下拉,選擇要給ie11降級的數字。
4、選擇對應的版本號後,ie瀏覽器會自動按照相應的版本運行,點擊x關閉即可。

閱讀全文

與ie9開發人員工具相關的資料

熱點內容
什麼app可以錄制屏幕 瀏覽:848
英雄聯盟保存回放在哪個文件夾 瀏覽:693
微信賣盜版 瀏覽:190
編程適合什麼人群學習 瀏覽:479
安卓使資料庫中的一列相加 瀏覽:184
ppt聲音文件在哪裡 瀏覽:325
vs2010折疊代碼快捷鍵 瀏覽:531
flyme系統升級關閉 瀏覽:628
米家app電視如何添加 瀏覽:353
程序員死後網站怎麼處理 瀏覽:667
數控編程方向怎麼寫 瀏覽:591
win10怎麼找到寫字板 瀏覽:756
陰陽師安卓獨立版本 瀏覽:395
無法復制u盤內的文件錯誤 瀏覽:737
u盤裝系統不是iso文件 瀏覽:181
vivoy18l刷安卓44 瀏覽:853
wifi和數據哪個好 瀏覽:695
哪裡適合孩子學習編程 瀏覽:773
miui8桌面文件夾 瀏覽:18
哪些文件值得收藏 瀏覽:549

友情鏈接