vuejs在chrome extensions中不起作用

zzbo 發(fā)布于2019-08-20 12:22 / 3394人閱讀

摘要：簡(jiǎn)單的代碼在谷歌插件中竟然沒(méi)有任何錯(cuò)誤，并且沒(méi)有任何顯示，頁(yè)面是空的，網(wǎng)上搜到一篇文章意思就是，谷歌插件中的運(yùn)行環(huán)境比較特殊稱(chēng)為，使得通常的不能被正常使用。解決方案替換文件就行了參考這里頁(yè)面追加錨點(diǎn)即可看到

簡(jiǎn)單的代碼：

{{a}}

new Vue({
    el:"#app",
    data:{
        a:123
    }
});

在谷歌插件中竟然沒(méi)有任何錯(cuò)誤，并且沒(méi)有任何顯示，頁(yè)面是空的，網(wǎng)上搜到一篇文章：
https://segmentfault.com/q/10...
意思就是，谷歌插件中的js運(yùn)行環(huán)境比較特殊（稱(chēng)為 Content Security Policy (CSP)），使得通常的 vue 不能被正常使用。

解決方案：
vue1.x : https://github.com/vuejs/vue/...

替換vue.min.js文件就行了

vue2.x 參考這里：http://vuejs.org/v2/guide/ins...

頁(yè)面追加錨點(diǎn)#CSP-environments即可看到

云服務(wù)器 GPU云服務(wù)器 chrome-extension 不起作用事務(wù)不起作用 nginx不起作用

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/80940.html

相關(guān)文章

解決SVG animation 在IE中不起作用

摘要：?jiǎn)栴}描述沒(méi)辦法解決路徑運(yùn)動(dòng)的問(wèn)題，下圖路徑運(yùn)動(dòng)的過(guò)程，通過(guò)查資料發(fā)現(xiàn)所有的的版本都不支持。在中沒(méi)有水流動(dòng)的效果。更新在開(kāi)發(fā)過(guò)程中發(fā)現(xiàn)只能應(yīng)用于路徑這里還有另外一種實(shí)現(xiàn)方法，應(yīng)用于等案例代碼問(wèn)題描述 CSS animation沒(méi)辦法解決SVG路徑運(yùn)動(dòng)的問(wèn)題，下圖路徑運(yùn)動(dòng)的過(guò)程，通過(guò)查資料發(fā)現(xiàn)所有的IE的版本都不支持SVG animation。在IE中沒(méi)有水流動(dòng)的效果。showImg(h...

daydream 2019-08-01 17:29 評(píng)論0 收藏0
解決SVG animation 在IE中不起作用

摘要：?jiǎn)栴}描述沒(méi)辦法解決路徑運(yùn)動(dòng)的問(wèn)題，下圖路徑運(yùn)動(dòng)的過(guò)程，通過(guò)查資料發(fā)現(xiàn)所有的的版本都不支持。在中沒(méi)有水流動(dòng)的效果。更新在開(kāi)發(fā)過(guò)程中發(fā)現(xiàn)只能應(yīng)用于路徑這里還有另外一種實(shí)現(xiàn)方法，應(yīng)用于等案例代碼問(wèn)題描述 CSS animation沒(méi)辦法解決SVG路徑運(yùn)動(dòng)的問(wèn)題，下圖路徑運(yùn)動(dòng)的過(guò)程，通過(guò)查資料發(fā)現(xiàn)所有的IE的版本都不支持SVG animation。在IE中沒(méi)有水流動(dòng)的效果。showImg(h...

Ocean 2019-08-20 19:00 評(píng)論0 收藏0
【Chrome擴(kuò)展開(kāi)發(fā)】定制HTTP請(qǐng)求響應(yīng)頭域

摘要：關(guān)于我的博客掘金專(zhuān)欄路易斯專(zhuān)欄原文鏈接擴(kuò)展開(kāi)發(fā)定制請(qǐng)求響應(yīng)頭域本文共字，閱讀需分鐘。那么，我會(huì)放棄嗎反向代理顯然不會(huì)，既然問(wèn)題出在上，我去掉就行了。然而無(wú)論多少次的學(xué)習(xí)和模仿，最終的目的還是為了使用，故開(kāi)發(fā)一款定制請(qǐng)求的勢(shì)在必行。本文首發(fā)于《程序員》雜志2017年第9、10、11期，下面的版本又經(jīng)過(guò)進(jìn)一步的修訂。關(guān)于 Github：IHeader 我的博客：louis blog ...

MadPecker 2019-08-21 17:38 評(píng)論0 收藏0
Vue devtools工具安裝 Chrome安裝Vue devtools 教程步驟

摘要：已安裝好的插件。三以后版本安裝比如版本版本獲取到，安裝后的內(nèi)容，后續(xù)按照步驟一操作即可。 Vue devtools工具安裝 Chrome安裝Vue devtools?教程步驟一、安裝步驟 ????????1、下載地址：GitHub - vuejs/devtools at v5.1.1 ?...

yiliang 2021-10-11 10:57 評(píng)論0 收藏0
前端進(jìn)階（8） - 前端開(kāi)發(fā)需要了解的工具集合：webpack, eslint, prettier,

摘要：前端開(kāi)發(fā)需要了解的工具集合前端開(kāi)發(fā)需要了解的一些工具，這些工具能夠幫助你在項(xiàng)目開(kāi)發(fā)中事半功倍。總之，是前端打包的不二選擇。所以，很多情況下都是與配合使用。它的一個(gè)理念就是提供一套完整集成的零配置測(cè)試體驗(yàn)。前端開(kāi)發(fā)需要了解的工具集合：webpack, eslint, prettier, ... 前端開(kāi)發(fā)需要了解的一些工具，這些工具能夠幫助你在項(xiàng)目開(kāi)發(fā)中事半功倍。 1. nrm: npm...

SillyMonkey 2019-08-29 16:44 評(píng)論0 收藏0