chrome開發工具指南(十四)

2022-05-18 15:59:14 字數 408 閱讀 7849

您的任務不只侷限於確保**在 chrome 和 android 上出色執行。即使 device mode 可以模擬 iphone 等多種其他裝置,我們仍鼓勵您檢視其他瀏覽器模擬解決方案。

瀏覽器模擬器非常適合於測試**的自適應能力,但它們無法模擬 api 差異、css 支援,以及您可以在移動裝置瀏覽器中看到的某些行為。在真實裝置執行的瀏覽器上測試您的**,確保一切均按照預期執行。

firefox 擁有乙個自適應設計檢視,讓您可以探索您的設計在常見螢幕尺寸上的變化或者通過拖動邊緣的方式確定自己的大小,而不用考慮具體裝置。

要模擬 windows phones,請使用 microsoft edge 的內建模擬。

由於 edge 不具備舊版相容性,請使用 ie 11 的模擬模擬您的頁面在較舊版本 internet explorer 中的外觀。

chrome開發工具指南(九)

如果您使用本地儲存儲存鍵值對 kvp 則可以從local storage窗格中檢查 修改和刪除這些 kvp。使用indexeddb窗格可以檢查 修改和刪除 indexeddb 資料。展開indexeddb窗格時,indexeddb 下的第乙個級別是資料庫。如果存在多個活動的資料庫,您會看到多個條目。...

chrome開發工具指南(三)

security 面板 要檢視頁面的整體安全性,請開啟 devtools,然後轉至 security 面板。您首先會看到 security overview。security overview 會一目了然地告訴您頁面是否安全。安全頁面會通過訊息this page is secure valid ht...

chrome開發工具指南之綜述

第 一 快速定位檔案或者某乙個單詞 ctrl o ctrl f ctrl shift o ctrl shift f 第二 快速切換到某一行 ctrl g ctrl l 第三 控制台選擇器 返回選擇器的第乙個元素,相當於document.queryselector 返回所有匹配的元素,相當於docue...