我如何在vue里访问window.chrome.runtime?

[Conanxy]

我如何在vue里访问window.chrome.runtime? 获取到的window.chrome中不存在runtime这个属性

[serkodev]

在 Vue 應用中訪問 global 的 window 和與在一般 JS / TS 中訪問它們沒有區別。
window.chrome.runtime 通常用於Chrome 擴充功能開發，並且只有當你的應用在 Chrome 擴充功能的環境中時，window.chrome.runtime 才會存在，在一般的 web app 中是無法使用 window.chrome.runtime 的。
如果你是在開發 Chrome 的擴充功能，請參考此文檔。

English

Q: How can I access window.chrome.runtime in Vue? The window.chrome I obtained does not have the runtime property.

In a Vue application, accessing the global window object and its properties is no different than doing so in regular JS / TS. However, window.chrome.runtime is typically used for Chrome extension development, and window.chrome.runtime will only exist if your code is running within the context of a Chrome extension.

If you're trying to access window.chrome.runtime within a regular web application, then the runtime property will not exist.

If you are indeed developing a Chrome extension, please read this document for more infomation.

[Conanxy]

thank you，But when I try to run the same code using native js instead of vue, I can get chrome.runtime and successfully communicate with the chrome extension，you can read that: https://developer.chrome.com/docs/extensions/mv3/messaging/ at "Sending messages from web pages"

[serkodev]

May I know your error type is IDE / lint error, compile error or runtime error?