nativewebview v8.0.4

Author: marchbold

docs/nativewebview/changelog.md

@@ -1,3 +1,9 @@
+### 2026.01.27 [v8.0.4]
+
+```
+feat(android): add ability to enable webview debug mode (resolves https://github.com/distriqt/ANE-NativeWebView/issues/355)
+```
+
 ### 2025.12.09 [v8.0.2]
 
 ```

docs/nativewebview/images/remote-debugging-chrome.png

@@ -0,0 +1,67 @@
+---
+title: Remote debugging WebViews
+sidebar_label: Remote debugging
+---
+
+You can remotely debug the content in your webviews using Chrome for Android or Safari for iOS.
+
+## Summary
+
+- Enable WebView debugging
+- Access list of debug-enabled WebViews via chrome://inspect
+- Debugging WebViews is the same as debugging a web page through remote debugging.
+
+
+## Configure WebView 
+
+WebView debugging must be enabled from within your application. To enable WebView debugging set the `enableDebugging` flag to `true` in the `WebViewOptions` used to create your webview:
+
+```actionscript
+var options:WebViewOptions = new WebViewOptions();
+options.enableDebugging = true;
+
+...
+
+var webView:WebView = NativeWebView.service.createWebView( viewPort, options, stage );
+```
+
+On Android this setting applies to all of the application's `WebView`s whereas on iOS it applies to the specific instance.
+
+
+## Inspect the WebView 
+
+### Android 
+
+The chrome://inspect page displays a list of debug-enabled WebViews on your device.
+
+To start debugging, click inspect below the WebView you want to debug. Use DevTools as you would for a remote browser tab.
+
+![](images/remote-debugging-chrome.png)
+
+The gray graphics listed with the WebView represent its size and position relative to the device's screen. If your WebViews have titles set, the titles are listed as well.
+
+### iOS
+
+Firstly open the settings and enable Web Inspector on Safari. 
+
+- **Settings** > **Safari** > **Advanced**
+- toggle the Web Inspector option on
+
+![](images/remote-debugging-ios-webinspector.png)
+
+
+Then in Safari on your development machine you will need to enable developer mode: **Safari** > **Settings** > **Show features for web developers**
+
+Under the **Develop** menu find the device you wish to inspect and it should open the code inspection view.
+
+
+## Troubleshooting
+
+### Android 
+
+Can't see your WebViews on the `chrome://inspect` page?
+
+- Verify that WebView debugging is enabled for your app.
+- On your device, open the app with the WebView you want to debug. Then, refresh the `chrome://inspect` page.
+
+

docs/nativewebview/images/remote-debugging-ios-webinspector.png

@@ -58,4 +58,4 @@ <h3><a href="class-summary.html" target="classFrame" style="color:black">All Cla
       </table>
    </body>
 </html>
-<!--Copyright Michael Archbold 2025<br/>Tue Dec 9 2025, 09:54 PM +10:00  -->
+<!--Copyright Michael Archbold 2025<br/>Tue Jan 27 2026, 12:43 PM +10:00  -->

docs/nativewebview/remote-debugging.md

@@ -29,4 +29,4 @@
 
 		 Animation when the browser view is closed by the user.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/distriqt/extension/nativewebview/NativeWebView.html#attemptResolveAvailability()" onclick="javascript:loadClassListFrame('com/distriqt/extension/nativewebview/class-list.html');">attemptResolveAvailability</a>() &mdash; method,  class com.distriqt.extension.nativewebview.<a href="com/distriqt/extension/nativewebview/NativeWebView.html" onclick="javascript:loadClassListFrame('com/distriqt/extension/nativewebview/class-list.html');">NativeWebView</a></td></tr><tr><td width="20"></td><td>
 		 Attempts to resolve the availability issue by redirecting the user to the appropriate setting
-		 		 </td></tr><tr><td class="idxrow" colspan="2"><a href="com/distriqt/extension/nativewebview/WebViewOptions.html#autoScale" onclick="javascript:loadClassListFrame('com/distriqt/extension/nativewebview/class-list.html');">autoScale</a> &mdash; Property, class com.distriqt.extension.nativewebview.<a href="com/distriqt/extension/nativewebview/WebViewOptions.html" onclick="javascript:loadClassListFrame('com/distriqt/extension/nativewebview/class-list.html');">WebViewOptions</a></td></tr><tr><td width="20"></td><td></td></tr><tr><td colspan="2" style="padding-bottom:20px"></td></tr><tr><td colspan="2"><font color="black" size="10px" style="bold">A</font>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr></table><p></p><center class="copyright"><footer>Copyright <a href="https://michaelarchbold.com" target="_top">Michael Archbold</a> 2025</footer><br/>Tue Dec 9 2025, 09:54 PM +10:00  </center></div></body></html><!--Copyright Michael Archbold 2025<br/>Tue Dec 9 2025, 09:54 PM +10:00  -->
+		 		 </td></tr><tr><td class="idxrow" colspan="2"><a href="com/distriqt/extension/nativewebview/WebViewOptions.html#autoScale" onclick="javascript:loadClassListFrame('com/distriqt/extension/nativewebview/class-list.html');">autoScale</a> &mdash; Property, class com.distriqt.extension.nativewebview.<a href="com/distriqt/extension/nativewebview/WebViewOptions.html" onclick="javascript:loadClassListFrame('com/distriqt/extension/nativewebview/class-list.html');">WebViewOptions</a></td></tr><tr><td width="20"></td><td></td></tr><tr><td colspan="2" style="padding-bottom:20px"></td></tr><tr><td colspan="2"><font color="black" size="10px" style="bold">A</font>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr></table><p></p><center class="copyright"><footer>Copyright <a href="https://michaelarchbold.com" target="_top">Michael Archbold</a> 2025</footer><br/>Tue Jan 27 2026, 12:43 PM +10:00  </center></div></body></html><!--Copyright Michael Archbold 2025<br/>Tue Jan 27 2026, 12:43 PM +10:00  -->

static/asdocs/nativewebview/all-classes.html

@@ -35,4 +35,4 @@
 	 Specify options for the browser view
 	 </td></tr><tr><td class="idxrow" colspan="2"><a href="com/distriqt/extension/nativewebview/browser/BrowserViewOptions.html#BrowserViewOptions()" onclick="javascript:loadClassListFrame('com/distriqt/extension/nativewebview/browser/class-list.html');">BrowserViewOptions</a>() &mdash; Constructor, class com.distriqt.extension.nativewebview.browser.<a href="com/distriqt/extension/nativewebview/browser/BrowserViewOptions.html" onclick="javascript:loadClassListFrame('com/distriqt/extension/nativewebview/browser/class-list.html');">BrowserViewOptions</a></td></tr><tr><td width="20"></td><td>
 		  Constructor
-		 </td></tr><tr><td colspan="2" style="padding-bottom:20px"></td></tr><tr><td colspan="2"><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">B</font>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr></table><p></p><center class="copyright"><footer>Copyright <a href="https://michaelarchbold.com" target="_top">Michael Archbold</a> 2025</footer><br/>Tue Dec 9 2025, 09:54 PM +10:00  </center></div></body></html><!--Copyright Michael Archbold 2025<br/>Tue Dec 9 2025, 09:54 PM +10:00  -->
+		 </td></tr><tr><td colspan="2" style="padding-bottom:20px"></td></tr><tr><td colspan="2"><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">B</font>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr></table><p></p><center class="copyright"><footer>Copyright <a href="https://michaelarchbold.com" target="_top">Michael Archbold</a> 2025</footer><br/>Tue Jan 27 2026, 12:43 PM +10:00  </center></div></body></html><!--Copyright Michael Archbold 2025<br/>Tue Jan 27 2026, 12:43 PM +10:00  -->