Vue 开发工具是不是适用于 Google 应用程序脚本网络？
Posted
技术标签:
【中文标题】Vue 开发工具是不是适用于 Google 应用程序脚本网络？【英文标题】：Does Vue dev tool work with Google Application Script web?Vue 开发工具是否适用于 Google 应用程序脚本网络？ 【发布时间】：2021-11-23 21:28:50 【问题描述】：我收到了Vue.js not detected 最新的 Vue 以及适用于 firefox 和 chrome 浏览器的最新插件版本。
两者都“未检测到”
我的 Google 应用程序脚本网络 https://script.google.com/macros/s/AKfycbxfIx0rZbrlFcK0frgdqxb7QjXKkbPEGL0DHqRWpvgjGrDgc2fZ2NYBxHJomFu0tt-EPQ/exec
还有我找到的这个示例表 Vue 应用程序 https://ygnl5.csb.app/
但是如果我在两个页面上都用鼠标右键单击然后检查
-
不是否显示 Vue 选项卡
SHOWS Vue 选项卡
所以我的结论是谷歌添加的 iFrame 造成了麻烦
如果我在本地 GAS 应用程序中使用相同的代码，甚至会检测到 Vue
代码是
<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/vue@3"></script>
</head>
<body>
<script>
document.addEventListener("DOMContentLoaded", function(event)
// Vue.config.devtools = true
const app = Vue.createApp(
data()
return
vueWorks: true,
product: 'Socks',
inStockCount: 50,
)
const mountedApp = app.mount('#app')
)
</script>
<div id="app">
<p v-if="vueWorks">If you see this Vue works</p>
<p v-else>But if you see this then well Vue does not work</p>
<h1> product </h1>
<input :value="inStockCount"> <!-- src attribute bound to the image data -->
<p v-if="inStockCount > 10">In Stock</p>
<p v-else-if="inStockCount <= 10 && inStockCount > 0">Almost sold out!</p>
<p v-else>Out of Stock</p>
</div>
</body>
</html>
【问题讨论】：
【参考方案1】：不幸的是，目前没有 iframe 支持 Vue DevTools 浏览器扩展。有人举报same Vue DevTools issue with GAS，是由于缺少iframe支持造成的。
有一个promising look into a fix/workaround，一些feedback to use remote devtools instead，然后是issue closed on 24 May 2021，没有进行任何更改。
“远程开发工具”是 Vue DevTools 的独立 Electron 应用程序（请参阅 usage）。但是，iframes 的里程可能会有所不同。
【讨论】：
以上是关于Vue 开发工具是不是适用于 Google 应用程序脚本网络？的主要内容，如果未能解决你的问题，请参考以下文章
应用被拒绝。适用于 Android TV 的 Google Play 资格问题