WebView爬坑

1. “Uncaught TypeError: Cannot read property 'getItem' of null”

常见现象:
Webview 加载一些链接出现白板现象,并且Log中打印出上述信息[具体描述]。

解决办法:

WebSettings settings = webView.getSettings();
settings.setDomStorageEnabled(true);

2. "A WebView method was called on thread xxxxxx,All WebView methods must be called on the same thread."

最初工程的TargetAapi 是14,后来改成22之后,出现了上述问题,然而并没有更改任何逻辑代码。
原因:WebView的方法,只能在同一个线程中操作,即只能在主UI线程,即使是调用getUrl这样的方法。
解决办法:将WebView的操作均放在主UI线程执行。

Js交互-H5回调App的方法,其执行所在的线程为非UI线程

3. Alert无法弹出

网页调用altert进行弹窗,app无反应,通常是没有设置WebChromeClient,所以解决办法就是跟webview设置WebChromeClient即可。

网上流传一种WebView的使用方式,就是在界面中new WebView,然后再添加到布局中使用,这个时候如果传给webview的context为application context,哪么即使设置了WebChromeClient也无法弹窗

4.获取网页JS方法的返回值

通常我门有app与网页通过js交互的过程,有些时候我门需要获取网页方法的返回值,这应该是一个非常常见的交互过程。

  • 在4.4以前,获取js的返回值,我门通常是在app中注册一个方法接收返回值,当App调用网页的方法,网页执行完成之后再调用app的方法传递返回值,其流程如下(假如网页有一个getValue方法,返回一个字符串):
  1. app注册js交互方法

   //定义交互的方法
   class JSInterface {
       //由网页调用,获取网页传递的结果
       @JavascriptInterface
       public void onJsResult(int result) {
           Log.i(LOGTAG, "onSumResult result=" + result);
       }
   }
//注册交互方法
mWebView.addJavascriptInterface(new JSInterface(), "jsbridge");
  1. app调用网页方法
String call = "javascript: getValue()";
webView.loadUrl(call);
  1. 网页在触发的方法中回调app返回结果
function getValue(){
       window.jsbridge.onJsResult(1)
}
  • 在4.4之后可以直接使用网页方法的返回值:
 webView.evaluateJavascript("getValue()", new ValueCallback<String>() {

  @Override
  public void onReceiveValue(String value) {
      Log.i(LOGTAG, "onReceiveValue value=" + value);
  }});
}

上面限定了结果返回结果为String,对于简单的类型会尝试转换成字符串返回,对于复杂的数据类型,建议以字符串形式的json返回。
evaluateJavascript方法必须在UI线程(webview的方法调用都应该在UI线程执行,见上述问题2)调用,因此onReceiveValue也执行在主线程

5.Uncaught TypeError: Object [object Object] has no method

原文:

Caution: If you’ve set your targetSdkVersion to 17 or higher, you must add the @JavascriptInterface annotation to any method that you want available your web page code (the method must also be public). If you do not provide the annotation, then the method will not accessible by your web page when running on Android 4.2 or higher.

也就是说如果工程的targetSdkVersion是17及以上,哪么暴露给网页调用的方法,必须增加@JavascriptInterface注解,并且这个方法也必须是public的,如果没有这么操作的话,哪么在4.2及以上的设备上就无法被网页调用

6. 关于混淆

# 混淆注意事项第四条,保持WebView中JavaScript调用的方法
# 下面新增的-keepattributes *Annotation*保留注解,还应该是包含了这句功能
-keepclassmembers class * {
    @android.webkit.JavascriptInterface <methods>;
}
# 建议:使用了WebView和JS的需要添加下面语句
# If your project uses WebView with JS, uncomment the following
# and specify the fully qualified class name to the JavaScript interface
# class:
-keepclassmembers class fqcn.of.javascript.interface.for.webview {
   public *;
}

更多混淆相关内容,请见我的另一篇文章

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,658评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,482评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,213评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,395评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,487评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,523评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,525评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,300评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,753评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,048评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,223评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,905评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,541评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,168评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,417评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,094评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,088评论 2 352

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,980评论 25 707
  • 不知不觉,Hybird App已经成了目前比较主流的一种开发方式。 对于用户体验要求较高或者与硬件交互较多的功能我...
    香辣牛肉面阅读 10,206评论 3 89
  • 这篇博客主要来介绍 WebView 的相关使用方法,常见的几个漏洞,开发中可能遇到的坑和最后解决相应漏洞的源码,以...
    Shawn_Dut阅读 7,220评论 3 55
  • WebView·开车指南 目录 WebView简介 WebView基本使用 WebView常用方法 WebSett...
    南城的人阅读 4,744评论 0 19
  • “我跪在故乡的土地上,敬仰地磕着头……”“对这片土地,我是爱得如此深沉……”不少诗人都激情澎湃地歌颂自己的故乡。 ...
    落雁南归阅读 196评论 0 2