哥们，我太懂你这种用旧设备折腾的痛苦了——Nook Simple Touch的Android 2.1系统自带WebView确实拉胯，对jQuery Mobile这种框架支持得一塌糊涂。我之前帮朋友搞过类似的项目，给你几个实际可行的方案：

Android 2.1的原生WebView是和系统深度绑定的，不像后来的版本能单独更新Chrome WebView，但还是有办法：

• 刷入适配Nook Simple Touch的第三方ROM，比如CyanogenMod 7（基于Android 2.3）。这个版本的WebView对JS、CSS的支持比原生2.1提升一大截，基本能解决jQuery Mobile的显示异常问题。不过刷ROM要谨慎，记得先备份好设备里的所有数据，找靠谱的教程操作。
• 如果你不想动系统，也可以找找有没有针对Android 2.1的WebView补丁包，但这类资源很少，稳定性也没保障，优先级不如刷ROM。

直接在你的App里替换掉系统自带的WebView，这是我最推荐的方案：

• GeckoView早期版本：Mozilla的GeckoView有支持Android 2.1的旧版SDK（对应早期Firefox for Android的引擎），它对现代网页的兼容性比原生WebView好太多。你需要找到对应版本的SDK集成到项目里，配置起来有点繁琐，但胜在不用动设备系统。
• Cordova 2.x版本：早期的Cordova（也就是旧版PhoneGap）支持Android 2.1，它本身就是封装了WebView的跨平台框架，而且对jQuery Mobile的兼容性做了专门优化。你可以用Cordova来构建你的App，它会帮你处理很多底层的WebView兼容问题，省得自己写一堆适配代码。

如果不想换WebView，也可以从代码层面调整：

• 给WebView开足权限：在代码里启用JS和DOM存储，这俩是jQuery Mobile正常运行的关键：

  webView.getSettings().setJavaScriptEnabled(true);
  webView.getSettings().setDomStorageEnabled(true);
  

• 添加WebChromeClient：原生2.1 WebView很多交互（比如弹窗、JS控制台）都依赖这个类，不添加的话会出现各种功能失效：

  webView.setWebChromeClient(new WebChromeClient());
  

• 降级网站的jQuery Mobile版本：换成1.0.x的旧版本，这个版本专门针对旧Android设备做过优化，去掉了很多高版本才支持的特性，兼容性会好很多。

• 给WebView设置高渲染优先级：webView.getSettings().setRenderPriority(WebSettings.RenderPriority.HIGH);，能稍微提升加载和渲染速度。
• 定期清除WebView缓存：webView.clearCache(true);，避免缓存的旧资源导致显示异常。

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