vue打包的html怎么樣禁止打開F12開發(fā)者工具呢？不能完全禁止，但是下面的代碼可以在一定程度上阻止代碼調(diào)試。 document.onkeydown=函數(shù)（）{變量e=window.event事件|

vue打包的html怎么樣禁止打開F12開發(fā)者工具呢？

不能完全禁止，但是下面的代碼可以在一定程度上阻止代碼調(diào)試。

document.onkeydown=函數(shù)（）{

變量e=window.event事件||參數(shù)[0

]如果（e.keycode==123）{

alert（”請尊重勞動成果！“）

return false

}否則if（（e.ctrlkey）&&（e.shiftkey）&&（e.keycode==73））{

alert（”請尊重勞動成果！“）

return false

}否則if（（e.ctrlkey）&（e.keycode==85））{

alert（”請尊重勞動成果！“）

return false

}否則if（（e.ctrlkey）&（e.keycode==83））{

alert（”請尊重勞動成果！“”

返回false

}

}document.oncontextmenu=函數(shù)（）{

提醒（“請尊重勞動成果！“”

return false

}

如何用JS禁用網(wǎng)頁F12按鍵……急急？

您可以監(jiān)視鍵盤事件。按F12時，返回false。

所以它可以被禁止，然后就沒用了。

F12只是一個快捷方式，人們想看到你的源代碼，審查元素，同樣會出來。

所以，此時，您可以考慮禁止右鍵單擊菜單。但是，想要看到您的人也可以直接從工具中看到它。所以，我不建議做無用的工作

查看和修改網(wǎng)頁源代碼的方法如下：

1。打開要修改的網(wǎng)頁，然后按鍵盤上的“F12”，將出現(xiàn)一個源代碼頁：

2。然后單擊左上角的3。然后用鼠標選擇要修改的內(nèi)容，下面會出現(xiàn)相應(yīng)的代碼，如下所示：

如何修改網(wǎng)站主頁的源代碼？

看看網(wǎng)站中使用了什么CSS代碼，你可以右鍵點擊網(wǎng)站的空白處，選擇查看源代碼。一般來說，有三種方法可以導入CSS代碼。第一種方法是直接在標記后面添加style屬性，例如<divstyle=“width=。。。高度=。。。“></div>；第二種方法是將其寫入<style>標記；第三種方法是通過<link>標記導入。導入文件的后綴通常為。CSS。如果是鏈接的導入方式，則直接在源文件上點擊鏈接即可查看。除了以上方法查看網(wǎng)站的CSS代碼外，還可以按F12鍵調(diào)出開發(fā)者模式。此方法可以快速找到網(wǎng)頁上某個元素的特定CSS樣式。因為不同瀏覽器的開發(fā)模式是不同的，所以這里不做解釋。以上方法基本可以得到網(wǎng)站的CSS代碼。當然，如果網(wǎng)站通過JS動態(tài)引入或修改CSS樣式，需要付出很大的努力。