在進行網(wǎng)頁開發(fā)時，有時需要在網(wǎng)頁中引用本地的js/css文件以便于修改和調(diào)試。但是直接通過`file:///`方式添加會提示不允許的script來源URI。因此，可以通過使用http協(xié)議訪問local

在進行網(wǎng)頁開發(fā)時，有時需要在網(wǎng)頁中引用本地的js/css文件以便于修改和調(diào)試。但是直接通過`file:///`方式添加會提示不允許的script來源URI。因此，可以通過使用http協(xié)議訪問localhost來實現(xiàn)在網(wǎng)頁中引用本地js/css文件。

設(shè)置本地Web Server

首先，在打開開發(fā)者工具的情況下，嘗試添加本地保存的js或css文件可能會受限。為了解決這個問題，可以搭建一個簡單的本地web服務(wù)器處理http請求。一種簡單的方法是使用Python語言。在PyCharm中新建一個Python項目，然后在項目設(shè)置中搜索并安裝Tornado庫5.1版本。

準(zhǔn)備本地文件

將想要在網(wǎng)頁中引用的js和css文件放置在本地某個目錄下，比如D盤的tmp文件夾內(nèi)。確保這些文件可以被Web服務(wù)器訪問到。

編寫簡易Web Server

編寫一個簡單的Web Server，可以通過Python代碼來實現(xiàn)。該Server可以處理http請求，并返回對應(yīng)的js和css文件。不同的請求路徑對應(yīng)著不同的文件，確保請求正確匹配文件。

在網(wǎng)頁中引用本地文件

在一個在線的網(wǎng)頁上，通過開發(fā)者工具使用http協(xié)議訪問localhost加上指定端口號來獲取剛才在本地搭建的簡易Web Server。通過網(wǎng)絡(luò)面板可以查看到css和js文件成功被下載，同時也可以從響應(yīng)頭中看到Server是TornadoServer。

解決https頁面問題

如果網(wǎng)頁是使用https協(xié)議的，可能會阻止加載混合內(nèi)容（即不允許http請求）。為了解決這個問題，需要搭建一個本地https的Server來保證加載的文件能夠被正確引用。

通過以上步驟，我們可以成功在網(wǎng)頁中引用本地的js/css文件，方便進行修改和調(diào)試。搭建本地Web Server不僅提高了開發(fā)效率，同時也能更好地模擬線上環(huán)境，確保網(wǎng)頁在正式上線前能夠正常運行。