前言：

有的時候調試，需要禁用js 那我們可以 在瀏覽器里禁用。

方法：

方法一：設置頁面 設置

1. 瀏覽器輸入 chrome://settings/ 或者 點擊 瀏覽器右上角 三個點 點擊設置

2. 隱私設置和安全性

3. 網站設置 - 內容里 找到 javaScript 或者 直接 搜索 javaScript 就可以進行網站設置

總結：瀏覽器輸入 chrome://settings/ 或者 點擊 瀏覽器右上角 三個點 點擊設置===>隱私設置和安全性===> 網站設置 - 內容里 找到 javaScript 或者 直接 搜索 javaScript 就可以進行網站設置

方式二：快捷鍵設置

win: 在控制臺 頁面 快捷鍵 ctrl+shift+p 然后輸入 javascript 找到 disabled javaScript.

解除禁用：? ctrl+shift+p 然后輸入 enable javaScript找到 enable javaScrip.

?mac:command+shift+ p 其它步驟同上

鼠標左鍵 菜單的作用及用法 （選中元素 鼠標右擊）

審查元素 ==>選中元素 ==>鼠標右擊 就能看到 菜單工具欄

Add attribute?

新增屬性 可以 新增屬性 比如加 style 加完 立馬生效

Edit? attribute

編輯屬性 編輯屬性?

Edit as HTML

編輯 html 標簽?

Duplicate element?

重復元素 即 再復制一份 元素，新增進來

? ?其實就是 新復制一份 并 加入進來

效果圖如下：

?Delete element

刪除元素?

Cut

就是 剪切 會把該 element 內容剪切 出來 然后 ctrl+v就能看到

效果如下：

<div class="imgBox" style="background: red; "><img src="" alt=""></div>

Copy

即復制?

copy 下的選項：

? Copy element 復制 元素 和 Cut 效果一樣

? Copy outerHTML? 復制 除了包含innerHTML的全部內容外,?還包含對象標簽本身。

? Copy selector? 復制選擇器? 可以快速 生成樣式 選擇器（很實用）

? ? 效果如下：

body > div > ul > li > div:nth-child(4)

?Copy js path 復制 js 路徑? 快速生成 獲取 該dom的 js代碼 （很實用）

? 效果如下：

document.querySelector("body > div > ul > li > div:nth-child(4)")

Copy styles 復制樣式 （很實用）

? 效果如下：

background: red;

Copy XPath? 復制 xpath地址?XML路徑語言

? 效果如下：

/html/body/div/ul/li/div[4]

Copy full XPath?XML路徑語言

/html/body/div/ul/li/div[4]

? ?Paste

粘貼 可以 把代碼粘貼到 當前選中的 element

Hide element

隱藏 元素?

Force state

強制狀態 給元素 加 active、hover、focus、visited、foucus-within、foucus-visible?

foucus-within:?

它表示一個元素獲得焦點，或，該元素的后代元素獲得焦點。劃重點，它或它的后代獲得焦點。

這也就意味著，它或它的后代獲得焦點，都可以觸發 :focus-within。

foucus-visible:

:focus-visible偽類是非常年輕的一個偽類，目前僅Chrome瀏覽器標準支持，但足夠了。如果你是一個深入用戶體驗的開發者，這個偽類會非常有用。

:focus-visible偽類應用的場景是：元素聚焦，同時聚焦輪廓瀏覽器認為應該顯示。

是不是很拗口？規范就是這么定義的。:focus-visible的規范并沒有強行約束匹配邏輯，而是交給了UA（也就是瀏覽器）。我們通過真實的案例來解釋下這個偽類是做什么用的。

visited:

visited向訪問過的鏈接添加特殊的樣式。

Tip:?使用:visited選擇器設置訪問過的頁面鏈接的樣式，?:hover選擇器當有鼠標懸停在其上的鏈接樣式，:active?選擇器設置當你點擊鏈接時的樣式。

CSS :visited 選擇器 | 菜鳥教程

?其它就基本不怎么使用了。

?補充：

谷歌瀏覽器 增加更多工具?

谷歌瀏覽器調試動畫工具Animations

點擊 控制臺里三個點 =>選 More tools(更多工具) 然后 選擇 要用到的就可以

比如：Animations 就是 調試動畫的 他可以 放慢 動畫 便于調試

總結

以上是生活随笔為你收集整理的谷歌浏览器禁用 javascript 以及 控制台使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。