この文書は、Browser環境でのIMQA Web Agentを適用する方法を提供します。
IMQA Web Agentは2つの方法でインストール方法を提供しています。 CDNサーバーに接続したり、設置型またはCDNでリクエストできない場合は、該当スクリプトをダウンロードして使用できます。 以下のリンクを通して右クリックし、"名前を付けて保存"をクリックして接続してください。 https://imqawebviewagent.blob.core.windows.net/agent/web-agent.js
1. WPM単独使用 (WebAgentインストール)
WPMサービスのみを利用し、Webブラウザアプリケーション構成でのウェブ性能分析のためのAgentインストール方法です。
CDNサーバから受信
IMQA Web Agentはスクリプトをhtmlの内部の最上段に挿入してください。
Web-agent.jsをリンクする html <head>
// Connect IMQA web-agent.js
<script src="https://cdn.imqa.io/agent/web-agent-1.1.11.js"></script>
// IMQA web-agent script required value
<script>
((w, c, _wv, _w, _wk, _mh, _b) => {
w[c] = w[c] || {};
function imqaConf(key, value){w[c][key]=value};
imqaConf("imqaAgentUse", true);
imqaConf("projectKey", "PROJECT_KEY");
w[_w](w);
})(window, 'imqaClientConfig', 'IMQAWebviewMain', 'IMQAWebMain', 'webkit', 'messageHandlers', 'ImqaBridge')
</script>
ローカルインストール
Web-agent.jsをリンクする html <head>
// Connect IMQA web-agent.js
<script src="user path/web-agent-1.1.11.js"></script>
// IMQA web-agent script required value
<script>
((w, c, _wv, _w, _wk, _mh, _b) => {
w[c] = w[c] || {};
function imqaConf(key, value){w[c][key]=value};
imqaConf("imqaAgentUse", true);
imqaConf("projectKey", "PROJECT_KEY");
w[_w](w);
})(window, 'imqaClientConfig', 'IMQAWebviewMain', 'IMQAWebMain', 'webkit', 'messageHandlers', 'ImqaBridge')
</script>
2. WPM / MPM 統合使用 (WebAgent+WebviewAgentインストール)
WPMとMPMサービスを利用し、モバイルとWebブラウザアプリケーション構成でのWebView/Web性能分析のためのAgentインストール方法です
CDNサーバから受信
IMQA Web Agentはスクリプトをhtmlの内部の最上段に挿入してください。
Web-agent.jsをリンクする html <head>
// Connect IMQA web-agent.js
<script src="https://cdn.imqa.io/agent/web-agent-1.1.11.js"></script>
<script src="https://cdn.imqa.io/agent/webview-agent-1.1.3.js"></script>
// IMQA web-agent script required value
<script>
((w, c, _wv, _w, _wk, _mh, _b) => {
w[c] = w[c] || {};
function imqaConf(key, value){w[c][key]=value};
imqaConf("imqaAgentUse", true);
imqaConf("projectKey", "PROJECT_KEY");
if ((w[_wk] !== undefined && w[_wk][_mh] !== undefined) || w[_b] !== undefined)
w[_wv](w);
else w[_w](w);
})(window, 'imqaClientConfig', 'IMQAWebviewMain', 'IMQAWebMain', 'webkit', 'messageHandlers', 'ImqaBridge')
</script>
ローカルインストール
設置型またはCDNでリクエストできない場合は、該当スクリプトをダウンロードして使用できます。 このリンクを通して右クリックし、"名前を付けて保存"をクリックして接続してください。
Web-agent.jsをリンクする html <head>
// Connect IMQA web-agent.js
<script src="user path/web-agent-1.1.11.js"></script>
<script src="user path/webview-agent-1.1.3.js"></script>
// IMQA web-agent script required value
<script>
((w, c, _wv, _w, _wk, _mh, _b) => {
w[c] = w[c] || {};
function imqaConf(key, value){w[c][key]=value};
imqaConf("imqaAgentUse", true);
imqaConf("projectKey", "PROJECT_KEY");
if ((w[_wk] !== undefined && w[_wk][_mh] !== undefined) || w[_b] !== undefined)
w[_wv](w);
else w[_w](w);
})(window, 'imqaClientConfig', 'IMQAWebviewMain', 'IMQAWebMain', 'webkit', 'messageHandlers', 'ImqaBridge')
</script>
