检测chrome是否是webview？

Question

有没有办法检测内容是由独立的 Chrome 还是在 web 视图中（来自 chrome 应用程序）访问的？例如

if(chromeapp) {
  //content is in a webview / chromeapp
} else {
  //all other browsers
}

也可以是 jQuery...

编辑：我正在开发一个连接到内容管理网站的 chrome 应用程序。在全局 js 文件中，我需要根据访问的位置返回不同的值。

如果桌面返回这个... 如果iOS返回这个...... 如果安卓等... 如果 chrome 应用程序...

这是一个将内容嵌入为<webview>的打包应用。

{
  "manifest_version": 2,
  "name": "...",
  "short_name": "...",
  "description": "...",
  "version": "...",
  "minimum_chrome_version": "38",
  "default_locale": "en",
  "icons": {
    "16": "...",
    "128": "...",
    "192": "...",
    "256": "...",
    "384": "...",
    "512": "..."
  },
  "app": {
    "background": {
      "scripts": ["background.js"]
    }
  },
  "permissions": [
    "<all_urls>",
    "storage",
    "system.memory",
    "system.network",
    "unlimitedStorage",
    {"fileSystem": ["write", "retainEntries", "directory"]},
    "webview",
    "downloads",
    "fullscreen"
   ],
   "webview" : {
     "partitions": [{
      "name" : "trusted*",
      "accessible_resources": ["<all_urls>"]
     }]
   },
   "sockets": {
    "tcpServer" : {
      "listen": ["*"]
    }
  }
}

Answer 1

如果 webapp 在您的控制之下，最好更改 webapp 的用户代理或在 url 中传递一个变量，以便您的网站知道它是通过 webapp 访问的。

例如：http://ww.mywebsite.com/?app=webview

Answer 2

您可以做的最简单的事情是为您的 <webview> 覆盖 User-Agent。

// App window code
webviewElement.setUserAgentOverride(
  navigator.userAgent + " HeyItsMyApp/" + chrome.runtime.getManifest().version
);
webviewElement.src = "https://example.com"; // Initiate navigation

// webpage code
if (navigator.userAgent.indexOf("HeyItsMyApp") >= 0) {
  // It's embedded in our app
}

---

或者，您可以通过accessible_resources 测试您的应用程序中的已知文件（您目前误用了它，因为它不是 webview 内容的匹配模式列表，而是扩展程序中文件的模式列表） .例如，假设 hello.txt 在您的扩展程序中：

"webview" : {
  "partitions": [{
    "name" : "trusted*",
    "accessible_resources": ["hello.txt"]
   }]
 },

然后您可以在您的网页中尝试加载chrome-extension://youridhere/hello.txt - 它只会在您的应用中成功。

这可能是一种更防篡改的解决方案，尽管没有什么是完全防篡改的。

---

另外，您也可以注入一个内容脚本，用于通知页面它已嵌入，可能通过添加一些不可见的 DOM 元素。