App Inventor 2 指令中文化 Webview 網頁檢視

WebViewer  網頁檢視

可用來檢視網頁的元件。首頁 Home URL 可在 Designer 或在 Blocks 頁面中設定皆可。本元件可設定為當點擊時去追蹤連結,且使用者可直接在其中填入網路表單。

注意!本元件並非完整的瀏覽器。舉例來說,按下裝置的 Back 鍵會退出該應用程式,而非瀏覽器的回到上一頁。

您可使用 WebViewer 的 WebViewString 欄位,讓您的 app 得以與在 Webviewer 中執行 Javascript 的網頁來溝通。在 app 中,您需要取得與設定 WebViewString 這項屬性。在 WebViewer,則需要包含參照到 window.AppInventor 物件的 Javascript,在此須使用 setWebViewString(text) 指令。

舉例來說,如果要 WebViewer 去開啟包含這樣 Javacript 指令的網頁時:
document.write("The answer is" + window.AppInventor.getWebViewString()); 

且您將 WebView 的WebVewString 屬性設為"hello",那麼就會顯示: 

The answer is hello. 

如果該網頁的 Javascript 會執行以下指令:
window.AppInventor.setWebViewString("hello from Javascript") 
那麼then the value of the WebViewString 的值就是 

"hello from Javascript" 。


屬性

CurrentPageTitle
當下檢視頁面的標題。



CurrentUrl
當下檢視頁面的 URL 。如果新頁面是藉由追蹤連結來檢視的話,本項目可能會和首頁 Home URL 不一樣。



FollowLinks
設定當在 WebViewer 中點擊連結時,是否要追蹤該連結。如果追蹤的話,您就能在
 GoBack 與 GoForward 指令在瀏覽器歷史檢視清單中移動。



Height


HomeUrl
WebViewer 一開始要開啟的網頁 URL。設定本欄位就會自動開啟該網頁,請注意網址需包含 http:// 或 https//。



PromptforPermission
如果本項為 True,就會以快顯示窗詢問使用者是否要開放地理位置(geolocation) API 的權限。如果為 False,則視為權限已開放。



UsesLocation (只能在 Designer 頁面中設定)
設定是否可讓 app 有使用 Javascript geolocation API 的權限。本屬性只能在 Desinger 頁面中設定。

Visible
本項需設為真,才能在螢幕上看到本元件。



WebViewString
取得 WebView 的字串,可透過 Javascript 在 WebView 中,以 window.AppInventor 物件來檢視。



Width
元件寬度 (x軸像素)。




方法

CanGoBack()
如果 WebViewer 在歷史檢視清單中可回到上一頁,回傳 true。



CanGoForward()
如果 WebViewer 在歷史檢視清單中可回到下一頁,回傳 true。




ClearLocations()
清除已儲存的位置存取許可。



GoBack()
回到歷史檢視清單中的上一個頁面。如果沒有的話則無動作。



GoForward()
回到歷史檢視清單中的前一個頁面。如果沒有的話則無動作。



GoHome()
開啟首頁。當您修改 home URL 時會自動重新載入。



GoToUrl(text url)
開啟指定 URL 的網頁。