Android webview解决JS报错chromium: [INFO:CONSOLE(1)] "Uncaught TypeError: Cannot read property 'getItem'

Android webview解决JS报错chromium: [INFO:CONSOLE(1)] “Uncaught TypeError: Cannot read property ‘getItem’ of null”

这两天做了一个全是H5网页的，加个壳的APP，突然遇到一个JS报错问题，
一直报错，网页加载不出来，报错信息如下：

chromium: [INFO:CONSOLE(1)] "Uncaught TypeError: Cannot read property 'getItem' of null"

js支持也都加上了

 webView.getSettings().setJavaScriptEnabled(true)

经过查询资料，才得知加入以下代码就能解决：

webView.getSettings().setDomStorageEnabled(true);

定位问题：

本着发现问题 -> 分析问题 -> 解决问题的步骤，接下来我们要定位问题的来源。

Chrome Inspcet Device

我首先想到的是，Android 4.4 以后的 WebView 是基于 chromium 内核的，这带来了一个福利是，我们可以在 chrome 中 inspect device，像普通网页一样，进行 debug，精准、快速定位问题来源。正好我手头有 Nexus 5 刷的是 Android L Preview 还有 Mi3 是最新的 MIUI V6，打开 Chrome，Tools -> Inspect Devices，就可以看到原生应用里的 WebView 页面了。

Chrome Inspect Devices

点击 inspect 即可进入 Developer Tools，一切尽在掌控，可以清楚看到 console 输出的错误信息。

Chrome Developer Tools

Android Logcat
实际上，网页加载中 js 输出的错误信息也完整的打印在了 Logcat 中。

09-17 11:28:20.265  25993-25993/ I/chromium﹕ [INFO:CONSOLE(2)] "TypeError: Cannot read property 'hotelLon' of null
  at BaseDerived.g.extend.loadItemData (http://g.tbcdn.cn/trip/h5-hotel/0.3.52/??pages/tuan/detail.js:2:8436)
  at BaseDerived.g.extend.ini