發佈日期：
分類：
如何在Phonegap 6.3.3中‧使用內置界面打開其他網頁內容
01. 之前一直有測試這個方法，但一直沒有成功。Phonegap文件很簡單說是使用inappbrowser plugin，再把要打開的網頁放入whitelist便可以。
02. 之前測試的結果，是不論在inappbrowser中使用_self、_blank好，都是用Phonegap內置的瀏覽器打開網頁。
03. 今天終於在網上找了一個方法。首先是建立index.html內容。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *" />
<title>nephk</title>
<script type="text/javascript">
var ref = window.open('http://www.nephk.com', '_self', 'location=yes');
</script>
</head>
<body>
Loading...
</body>
</html>
04. 在config.xml中，先確定已有inappbrowser這一行。
<plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.3.0" />
05. 再確定網頁已放入whitelist裡面。
<allow-intent href="http://www.nephk.com/*" />
06. 最後這一句是最重要的，不加上永遠就只用Phonegap內置的瀏覽器打開網頁。
<allow-navigation href="*" />
07. 完成改動後重新編譯。完成後便看到以下畫面。
發佈留言