前言：

有的時(shí)候調(diào)試，需要禁用js 那我們可以 在瀏覽器里禁用。

方法：

方法一：設(shè)置頁(yè)面 設(shè)置

1. 瀏覽器輸入 chrome://settings/ 或者 點(diǎn)擊 瀏覽器右上角 三個(gè)點(diǎn) 點(diǎn)擊設(shè)置

2. 隱私設(shè)置和安全性

3. 網(wǎng)站設(shè)置 - 內(nèi)容里 找到 javaScript 或者 直接 搜索 javaScript 就可以進(jìn)行網(wǎng)站設(shè)置

總結(jié)：瀏覽器輸入 chrome://settings/ 或者 點(diǎn)擊 瀏覽器右上角 三個(gè)點(diǎn) 點(diǎn)擊設(shè)置===>隱私設(shè)置和安全性===> 網(wǎng)站設(shè)置 - 內(nèi)容里 找到 javaScript 或者 直接 搜索 javaScript 就可以進(jìn)行網(wǎng)站設(shè)置

方式二：快捷鍵設(shè)置

win: 在控制臺(tái) 頁(yè)面 快捷鍵 ctrl+shift+p 然后輸入 javascript 找到 disabled javaScript.

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

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

鼠標(biāo)左鍵 菜單的作用及用法 （選中元素 鼠標(biāo)右擊）

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

Add attribute?

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

Edit? attribute

編輯屬性 編輯屬性?

Edit as HTML

編輯 html 標(biāo)簽?

Duplicate element?

重復(fù)元素 即 再?gòu)?fù)制一份 元素，新增進(jìn)來(lái)

? ?其實(shí)就是 新復(fù)制一份 并 加入進(jìn)來(lái)

效果圖如下：

?Delete element

刪除元素?

Cut

就是 剪切 會(huì)把該 element 內(nèi)容剪切 出來(lái) 然后 ctrl+v就能看到

效果如下：

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

Copy

即復(fù)制?

copy 下的選項(xiàng)：

? Copy element 復(fù)制 元素 和 Cut 效果一樣

? Copy outerHTML? 復(fù)制 除了包含innerHTML的全部?jī)?nèi)容外,?還包含對(duì)象標(biāo)簽本身。

? Copy selector? 復(fù)制選擇器? 可以快速 生成樣式 選擇器（很實(shí)用）

? ? 效果如下：

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

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

? 效果如下：

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

Copy styles 復(fù)制樣式 （很實(shí)用）

? 效果如下：

background: red;

Copy XPath? 復(fù)制 xpath地址?XML路徑語(yǔ)言

? 效果如下：

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

Copy full XPath?XML路徑語(yǔ)言

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

? ?Paste

粘貼 可以 把代碼粘貼到 當(dāng)前選中的 element

Hide element

隱藏 元素?

Force state

強(qiáng)制狀態(tài) 給元素 加 active、hover、focus、visited、foucus-within、foucus-visible?

foucus-within:?

它表示一個(gè)元素獲得焦點(diǎn)，或，該元素的后代元素獲得焦點(diǎn)。劃重點(diǎn)，它或它的后代獲得焦點(diǎn)。

這也就意味著，它或它的后代獲得焦點(diǎn)，都可以觸發(fā) :focus-within。

foucus-visible:

:focus-visible偽類是非常年輕的一個(gè)偽類，目前僅Chrome瀏覽器標(biāo)準(zhǔn)支持，但足夠了。如果你是一個(gè)深入用戶體驗(yàn)的開發(fā)者，這個(gè)偽類會(huì)非常有用。

:focus-visible偽類應(yīng)用的場(chǎng)景是：元素聚焦，同時(shí)聚焦輪廓瀏覽器認(rèn)為應(yīng)該顯示。

是不是很拗口？規(guī)范就是這么定義的。:focus-visible的規(guī)范并沒(méi)有強(qiáng)行約束匹配邏輯，而是交給了UA（也就是瀏覽器）。我們通過(guò)真實(shí)的案例來(lái)解釋下這個(gè)偽類是做什么用的。

visited:

visited向訪問(wèn)過(guò)的鏈接添加特殊的樣式。

Tip:?使用:visited選擇器設(shè)置訪問(wèn)過(guò)的頁(yè)面鏈接的樣式，?:hover選擇器當(dāng)有鼠標(biāo)懸停在其上的鏈接樣式，:active?選擇器設(shè)置當(dāng)你點(diǎn)擊鏈接時(shí)的樣式。

CSS :visited 選擇器 | 菜鳥教程

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

?補(bǔ)充：

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

谷歌瀏覽器調(diào)試動(dòng)畫工具Animations

點(diǎn)擊 控制臺(tái)里三個(gè)點(diǎn) =>選 More tools(更多工具) 然后 選擇 要用到的就可以

比如：Animations 就是 調(diào)試動(dòng)畫的 他可以 放慢 動(dòng)畫 便于調(diào)試

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。