在Visual Studio 2019的Xamarin WebView中修改HTML源码及访问DOM问题

一、直接通过WebView的JavaScript接口操作DOM（核心方案） #

你不需要先把HTML拉到第三方解析器处理，Android WebView本身支持直接访问和操作DOM，这是最直接的解决路径：

1. 开启WebView的JavaScript支持
   在初始化WebView时启用JS：

   WebSettings webSettings = webView.getSettings();
   webSettings.setJavaScriptEnabled(true);
   

2. 页面加载完成后注入DOM操作脚本
   重写WebViewClient的onPageFinished方法，在页面加载完成后执行JavaScript来获取可聚焦元素、初始化高亮逻辑：

   webView.setWebViewClient(new WebViewClient() {
       @Override
       public void onPageFinished(WebView view, String url) {
           super.onPageFinished(view, url);
           // 注入DOM操作的JS代码
           String jsScript = """
               let focusableElements = Array.from(document.querySelectorAll('a, input'));
               let currentIndex = 0;
               
               // 初始化第一个元素高亮
               if (focusableElements.length > 0) {
                   focusableElements[currentIndex].classList.add('highlight');
               }
               
               window.switchHighlight = function(direction) {
                   if (focusableElements.length === 0) return;
                   // 移除当前元素高亮样式
                   focusableElements[currentIndex].classList.remove('highlight');
                   // 计算新的索引（循环切换）
                   currentIndex += direction;
                   if (currentIndex < 0) currentIndex = focusableElements.length - 1;
                   if (currentIndex >= focusableElements.length) currentIndex = 0;
                   // 给新元素添加高亮样式
                   focusableElements[currentIndex].classList.add('highlight');
                   // 可选：让元素获得原生焦点
                   focusableElements[currentIndex].focus();
               };
               
               // 定义高亮样式（也可以放在网页的CSS里）
               let style = document.createElement('style');
               style.textContent = '.highlight { border: 2px solid #007bff !important; }';
               document.head.appendChild(style);
           """;
           view.evaluateJavascript(jsScript, null);
       }
   });
   

3. 处理按键事件切换高亮
   在Activity或Fragment中重写onKeyDown，监听Tab/箭头键，调用JS方法切换高亮：

   @Override
   public boolean onKeyDown(int keyCode, KeyEvent event) {
       if (webView.hasFocus()) {
           switch (keyCode) {
               case KeyEvent.KEYCODE_DPAD_RIGHT:
               case KeyEvent.KEYCODE_DPAD_DOWN:
               case KeyEvent.KEYCODE_TAB:
                   // 切换到下一个元素
                   webView.evaluateJavascript("switchHighlight(1)", null);
                   return true;
               case KeyEvent.KEYCODE_DPAD_LEFT:
               case KeyEvent.KEYCODE_DPAD_UP:
                   // 切换到上一个元素
                   webView.evaluateJavascript("switchHighlight(-1)", null);
                   return true;
           }
       }
       return super.onKeyDown(keyCode, event);
   }
   

二、解决HTML解析与WebView显示冲突的问题 #

如果你坚持要先修改HTML再加载，问题出在加载方式上：

• 先通过网络请求获取HTML源码，用第三方解析器（如Jsoup）修改后，需要用loadDataWithBaseURL加载，而不是loadData，否则网页的相对资源（如CSS、图片）会加载失败：

  String modifiedHtml = // 解析并修改后的HTML内容
   webView.loadDataWithBaseURL("https://your-target-domain.com", modifiedHtml, "text/html", "UTF-8", null);
  

三、类似旧版Windows WebBrowser的控件 #

Android平台上，原生WebView就是和Windows WebBrowser功能最接近的控件，它完整支持DOM访问、JS交互、页面渲染，完全满足你的需求。

• 若需要更强大的浏览器特性，可考虑Chrome Custom Tabs，但它更适合跳转外部网页，灵活性不如WebView；Crosswalk曾是替代方案，但现已停止维护，不推荐使用。

内容的提问来源于stack exchange，提问作者Tanoshimi