[已解決]Vue Devtools安裝成功后無法啟用Vue.js not detected chorme

業(yè)務(wù)背景

瀏覽器環(huán)境,沒有使用node
根據(jù)vue官網(wǎng)流程,在chorme應(yīng)用商店中安裝了這個插件
然后直接在html頁面引用的vue.js開發(fā)版本

遇到的問題

安裝成功后
以file協(xié)議打開引用了vue.js的網(wǎng)頁
chorme里面這個擴展總是灰色的
點擊之后就顯示not detected

問題排除

1. 擴展包是根據(jù)官方步驟安裝的,應(yīng)該沒問題
2. 已經(jīng)在擴展程序中設(shè)置了允許訪問file文件
3. 是使用的file協(xié)議訪問的網(wǎng)頁
4. 使用的是開發(fā)版本的vue https://vuejs.org/js/vue.js

源碼

test.html

<script src="https://vuejs.org/js/vue.js"></script>
<script>
    console.log(123123123)
</script>

解決

要通過服務(wù)器訪問
具體原因不知道為什么,有知道的麻煩分析一下