クロムがwebviewかどうかを検出しますか？

Question

スタンドアローンのChromeやウェブビュー（Chromeのアプリ）でコンテンツにアクセスしたかどうかを検出する方法はありますか？例えば。私は、ウェブサイトの管理、コンテンツに接続されているクロムのアプリを開発しています：

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

は...あまりにも

編集jQueryのことができます。グローバルなjsファイルでは、どこからアクセスされているかによって異なる値を返す必要があります。

デスクトップリターンこの... た場合のiOSがこれを返す場合... などアンドロイドもし... クロムアプリの場合は...

それは<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

Webアプリケーションがあなたのコントロール下にある場合、それはWebアプリケーションのユーザーエージェントを変更したり、あなたのサイトには、それがWebアプリケーションを介してアクセスしています知っているように、URLに変数を渡すのがベストでしょう。例えば

：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 
} 

---

また、あなたは現在、それはWebViewのコンテンツの一致パターンのリストではありませんよう、誤用、しかしためのパターンのリストこれ（あなたのアプリケーション内で知られているファイルに対してaccessible_resourcesのおかげでテストすることができますあなたの内線内のファイル）。例えば、hello.txtと仮定すると、あなたの拡張機能である：

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

は、その後、あなたのWebページにあなたがロード chrome-extension://youridhere/hello.txtを試すことができます - それは唯一のアプリ内で成功します。

完全に改ざんを防止するものはありませんが、これはより耐タンパ性の高いソリューションです。

---

はまたまだ、あなたはおそらく、いくつかの目に見えないDOM要素を追加することによって、それが埋め込まれるページに通知するものとするコンテンツのスクリプトを挿入することができます。