網頁 Web View | Bricks Dag, Inc. Help Center

Web View 元件可內嵌網頁呈現於應用程式中，可用於製作需要連線外部頁面供使用者互動的情境。

Web View 元件在畫布上的呈現直接顯示頁面本身內容，可直接貼入網址或貼上HTML及Javascript後在元件上直接運行。

Frame 基本屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Frame 區塊解說

文字輸入框元件的 Properties 基本屬性繼承方塊元件，詳細可參考方塊元件 Properties 區塊解說。

屬性名稱	屬性形態	說明
URL	字串	設定 WebView 元件要開啟的網頁 URL 路徑連結
Header	物件	設定發出讀取請求的 Header。Header 為 HTTP 中請求和回應訊息中的訊息頭部分。
User Agent	字串	設定發出讀取請求的 User Agent。User Agent 主要用來定義應用程式類型、作業系統、軟體供應商……等等。
HTML	字串	以 HTML 語法設定網頁的顯示內容
Allow Content Control	布林值 Yes/No	設定是否允許使用者對網頁進行操作互動

屬性名稱	屬性形態	說明
Code	字串	設定用於網頁的 JavaScript 程式。無需加註<Script></Script>
Before Content Loaded	字串	設定用於讀取網頁前載入的 JavaScript 程式。無需加註<Script></Script>
For MainFrame Only	布林值 Yes/No	設定 JavaScript 是否僅提供給 MainFrame使用 (Android 限定)
Before Content Loaded For Main Frame Only	布林值 Yes/No	設定 JavaScript 是否僅在讀取網頁前載入並僅提供給 MainFrame使用 (Android 限定)

屬性名稱	屬性形態	說明
Origin Allow List	字串陣列	設定 WebView 元件能連結的網址列表清單（如不填寫則允許全部）
Java Script Enabled	布林值 Yes/No	設定 WebView 元件能否執行 JavaScript。
Allow File Access	布林值 Yes/No	設定 WebView 元件能否允許 file:// 形式的連結。
Dom Storage Enabled	布林值 Yes/No	設定 WebView 元件是否啟用 DOM Storage 。
Cache Enabled	布林值 Yes/No	設定 WebView 元件是否允許 Cache。
Geolocation Enabled	布林值 Yes/No	設定 WebView 元件是否啟用 Geolocation。
Third-Party Cookies Enabled	布林值 Yes/No	設定 WebView 元件是否允許 Third Party Cookies。

基本邊框屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Border 區塊解說

基本動畫事件屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Animation 區塊解說。

其他動畫事件說明如下：

On Load	設定當 WebView 內容讀取時觸發的動畫事件
On Error	設定當 WebView 內容讀取失敗時觸發的動畫事件
On Message	設定當 WebView 接收到由 JavaScript code `window.ReactNativeWebView.postMessage` 傳來訊息時觸發的動畫事件

基本事件屬性和 Rect 方塊元件相同，詳細可參考方塊元件 Event 區塊解說。

其他事件說明如下：

On Load	設定當 WebView 內容讀取時觸發的事件
On Error	設定當 WebView 內容讀取失敗時觸發的事件
On Message	設定當 WebView 接收到由 JavaScript code `window.ReactNativeWebView.postMessage` 傳來訊息時觸發的事件

若需要任何幫助，歡迎點擊右下角的對話圖示詢問，我們會盡快回覆您的問題

Content 區塊