0

我正在Vue.js not detected为 firefox 和 chrome 浏览器获取最新的 Vue 和最新的插件版本。

我对两者都“未检测到”

  1. 我的 Google 应用程序脚本网站 https://script.google.com/macros/s/AKfycbxfIx0rZbrlFcK0frgdqxb7QjXKkbPEGL0DHqRWpvgjGrDgc2fZ2NYBxHJomFu0tt-EPQ/exec

  2. 我找到了这个示例表 Vue 应用程序https://ygnl5.csb.app/

但是如果我在两个页面上单击鼠标右键然后检查

  1. 不显示 Vue 选项卡
  2. 显示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>
4

1 回答 1

1

不幸的是，目前不iframe支持 Vue DevTools 浏览器扩展。由于缺乏支持，有人报告了与 GAS 相同的 Vue DevTools 问题。iframe

有一个很有希望的修复/解决方法，一些使用远程开发工具的反馈，然后该问题于 2021 年 5 月 24 日关闭，没有进行任何更改。

“remote devtools”是 Vue DevTools 的独立 Electron 应用程序（参见用法）。但是，您的里程可能因iframes 而异。

于 2021-10-02T21:53:30.847 回答