wendux / dsbridge-android

:earth_americas: A modern cross-platform JavaScript bridge, through which you can invoke each other's functions synchronously or asynchronously between JavaScript and native.

It's wendux(杜文).

About me:

• 👨‍💻 Front-end development expert. Focus on Web、Flutter and other Cross-platform techs.
• 👯 Creator of Flutter China org and maintainer of China Flutter User Group (CFUG).
• 🌎 Creator of dio.
• 📚 Author of 《Flutter实战》.
• 💻 Work in Bytedance since 2018. Baidu in 2014, XYF in 2017.

Contact me:

• ✉️ Personal: [email protected]、[email protected].
• 🌐️ Twitter：https://twitter.com/duwen65952787.

dsbridge-android's Issues

Dependency on fly

Do I have to use fly like your demo does ? I assume fly is designed to be browser / webview agnostic and that's part of why you wrote it ? Also to make model and browser usage agnostic.

I write all my Js code in golang and transpired into Js and soon WASM and load it into the webview.
I would prefer to not have to write a importer for you fly Js code into my golang code.
But I can if required, hence why I am seeking your advice about fly being needed.

在Android 4.4 里面 反射代理对象的时候，拿不到已注册的方法

Object jsb = DWebView.this.javaScriptNamespaceInterfaces.get(nameStr[0]);

这个拿到设置的对象了，但是
jsb.getClass().getMethods(); 里面没有已设置对象对应的函数
报 错 ，“Not find method methodName implementation! please check if the signature or namespace of the method is right ”

在 7.0 的系统里面就是正常的 。

这个是bug 么？

demo运行点击按钮怎么都没反应？

Native调用js未获取到

demo中addValue为什么没有获取到返回值？而且js加的alert也没有弹呢？

        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
            webView.callHandler("addValue", new Object[]{1, "hello"}, new OnReturnValue() {
                @Override
                public void onValue(String retValue) {
                    Log.d("jsbridge", "call succeed,return value is " + retValue);
                }
            });
        }

dsBridge.register('addValue',function(r,l){
alert('调用goback');
return r+l;
})

onShowFileChooser 复写问题

为什么onShowFileChooser只写了5.0+版本的，那5.0之前的就不支持了吗

View.post(Runnable) will cause memory leak

there are some memory leaks in DWebView class
// line 618
public void loadUrl(final String url, final Map<String, String> additionalHttpHeaders) {
post(new Runnable() {
@OverRide
public void run() {
DWebView.super.loadUrl(url, additionalHttpHeaders);
}
});
}
// line 592
public void loadUrl(final String url) {
post(new Runnable() {
@OverRide
public void run() {
DWebView.super.loadUrl(url);
}
});
}
// line 534
public void evaluateJavascript(final String script) {
if (Looper.getMainLooper() == Looper.myLooper()) {
_evaluateJavascript(script);
} else {
post(new Runnable() {
@OverRide
public void run() {
_evaluateJavascript(script);
}
});
}
}
, which will cause serious crash(java.lang.OutOfMemoryError), i recommend that you should use the WeakHandler.post(Runnable) instead of using View.post(Runnable)

使用vue框架时，dsBridge不起作用

使用vue框架时，把dsBridge.call("testSyn", {msg: "clickEvent"}) 放在vue的methods，无法调用原生代码，是什么原因，代码如下
methods:{
clickEvent:function () {
console.log("clickEvent")
alert(dsBridge.call("testSyn", {msg: "clickEvent"}))
}
}

webview内核初始化

@wendux 你好！我想问下，webview实例化的时候，初始化浏览器内核所花的时间有什么方法可以检测吗？

Android webview doesnot work if change locale to Arabic.

while the language is English the webview works perfectly. but if I change the language to Arabic the web view does not work.

这个库的minisdk版本是17，略高

这个库的minisdk版本是17，略高

handler.complete() 参数长度是否有限制呢?

博主,我在使用这个方法的时候,参数过长导致没有传递给js过去,不知道有没有遇到

Json接收数据反斜杠转换问题

您好！我想问下，如果是回传的json的话 我Android这边接收到的url连接的“/”会变成“/”,这个是什么问题呢？我先暂时只能用url的encode和decode来解决

Not find method "" + methodName + "" implementation! please check if the signature or namespace of the method is right

Not find method "" + methodName + "" implementation! please check if the signature or namespace of the method is right

大神，你好。我在使用你的库的时候，这个通过反射获取方法是空的，我的方法修饰符是public，请问是什么原因呢？

JSON parse error on chrome

dsbridge.js version 3.0.9

JSON.parse(e||{}).data} here should modify to:
JSON.parse(e||"{}").data}

call()函数返回值

@wendux 你好！DWebView中的call方法返回的是String，需要需要返回Map<>，在DWebView中重写了一个callObject方法，大体原先的call（）方法差不多，把返回的object转换成了map返回，在injectJs（）中，仿照原先的注入方法，加上了一段新的js脚本，但是这样调用不到？可以指导一下思路吗？

DWebView自带了一层背景颜色

你好，
在使用该库的时候，发现DWebView自带了一层背景颜色，能提供出接口出来修改该背景色？
谢谢

提个建议

android端侵入性过大,可以考虑不限定WebView

Android页面Reload之后提示The parameter of "dsinit" in java is invalid

嗨～我想问下，在android页面如果手动调用webview的reload的话会弹框报如题的错误，不知改怎么解决...

WebChromeClient的onProgressChanged无法调用

webView.setWebChromeClient(new WebChromeClient(){
@OverRide
public void onProgressChanged(WebView view, int newProgress) {
super.onProgressChanged(view, newProgress);
}
});

js调用原生方法的问题

目前发现两个问题：
1）dsbridge.js在定义call方法的时候，如果入参是number类型的0，会导致结果data是空json，而不是0

原先的这个方法，在入参是number 0 的时候，直接是false了，这样就出错了

2）DWebView的InnerJavascriptInterface里面的call方法，在获取方法的时候，考虑到继承相关的问题，应该使用getMethod，不是getDeclaredMethod

关于回调的问题，RT

webView 原生的evaluateJavascript()方法，会有一个回调onReceiveValue来返回结果。但是只是4.4之后的方法，4.4之前用不了。可是在这里面没有找到兼容的方式啊，求解

setJavaScriptInterface（）方法

在调用的地方，这个只能set一个类是吧？我发现后边set的类，反射找方法的时候，都会在首次调用成功那个方法所在类中去找，写在其他类中的就找不到方法了

代码问题

能否一起维护
QQ：14876534
微信：14876534

安卓4.4版本，WebChromeClient的openFileChooser方法没有回调

public void openFileChooser(ValueCallback uploadMsg, String acceptType, String capture) {}

一个简单的 页面。在安卓系统4.4版本，用原生的webview可以响应该方法。DWebview响应不了。控制台输出了这个日志
chromium: [INFO:aw_web_contents_delegate.cc(230)] File Chooser result: mode = 0, file paths =

哥，帮我看看这个啥问题

希望能有cordova插件

希望能有cordova插件

只能传递json么,可以传递字符串么?

如题

同步只是针对H5调原生吗？

同步和异步只针对H5的吗？
因为我看Java中始终是在异步线程回调的

为什么更改了android的初始化方法呢？

现在ios和android的初始化方法不同，难道在js中还要做区分，分别初始化吗？

求助，出现error

用的是2.0版本，js调用Andorid端带参数的方法，成功接收到了传过来的参数，然后会出现下面的弹窗提示。这是什么原因呢？
ERROR!
Call failed:Function does not exist or parameter is invalid [null]

What's the license?

this is a super simple implementation of js bridge, and our team is very glad to integrate DSBridge to our products, but we also have some concerns and want to patch it to meet those requirements.

so, what's the license of this repo? if it's MIT, that's very helpful.

and, we're happy to contribute back if we think our requirements could benefit others and the patches are works well.

thanks.

The argument of "getXXX" must be a JSON object string

请问我是按照文档里的java类实现的，为什么会提示这个错误呢，谢谢。

Android 4.4.4 error

09-01 10:59:33.932 4498-4498/com.hzty.rysj.leyou W/System.err: java.lang.NoClassDefFoundError: android.support.v7.widget.AppCompatDrawableManager$ColorFilterLruCache
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.widget.AppCompatDrawableManager.(SourceFile:103)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.widget.TintTypedArray.getDrawableIfKnown(Unknown Source)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.app.AppCompatDelegateImplBase.(Unknown Source)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.app.AppCompatDelegateImplV9.(Unknown Source)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.app.AppCompatDelegateImplV11.(Unknown Source)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.app.AppCompatDelegateImplV14.(Unknown Source)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.app.AppCompatDelegate.create(Unknown Source)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.app.AppCompatDelegate.create(Unknown Source)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.app.AppCompatDialog.getDelegate(SourceFile:156)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.app.AppCompatDialog.(SourceFile:52)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.app.AlertDialog.(SourceFile:98)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.support.v7.app.AlertDialog$Builder.create(Unknown Source)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at wendu.dsbridge.DWebView$2.onJsAlert(SourceFile:318)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at com.android.webview.chromium.WebViewContentsClientAdapter.handleJsAlert(WebViewContentsClientAdapter.java:612)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at com.android.org.chromium.android_webview.AwContentsClientBridge.handleJsAlert(AwContentsClientBridge.java:72)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at com.android.org.chromium.base.SystemMessageHandler.nativeDoRunLoopOnce(Native Method)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at com.android.org.chromium.base.SystemMessageHandler.handleMessage(SystemMessageHandler.java:24)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.os.Handler.dispatchMessage(Handler.java:102)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.os.Looper.loop(Looper.java:136)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at android.app.ActivityThread.main(ActivityThread.java:5103)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at java.lang.reflect.Method.invokeNative(Native Method)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at java.lang.reflect.Method.invoke(Method.java:515)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:785)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:601)
09-01 10:59:33.936 4498-4498/com.hzty.rysj.leyou W/System.err: at dalvik.system.NativeStart.main(Native Method)

Two functions callback

Hello. Is it possible to make async call with 2 callbacks?

   function callAsyn() {
            dsBridge.call("testAsyn", {msg: "testAsyn"}, 
		function (v) {
                  alert(v)
	        }, 
		function (v) {
                  promt(v)
              })
    }

android 4.2安全性问题

在native编写代码方法名称上需要加上@JavascriptInterface 但是怎么保证4.2以下的安全性问题呢

建议想办法吧webview耦合抽离出来

建议把webview耦合部分抽离出来，因为有些项目很可能需要第三方webview组件，比如crosswalk，腾讯X5等

急急急！！！给JS回调结果时出现的异常

在Android4.2.2版本的机器上，js调用本地Java代码之后给js回调返回值的时候出现了："Uncaught SyntaxError: Invalid or unexpected token", source: (1)异常，但是在Android4.4版本上不会出现这个异常。

v3.0 change list

DSBridge v3.0 change list

DSBridge v3.0 is a milestone, Compared with v2.0.X, we have made a lot of changes. Note that V3.0 is incompatible with V2.0, but v2.0 will continue to maintain. If you are a new user, use >=v3.0

In Java

1. Deprecated：dwebview.setJavascriptInterface , use addJavascriptObject instead.
2. New: addJavascriptObject(Object object, String namespace)
3. New: removeJavascriptObject(String namespace)
4. New: disableJavascriptDialogBlock(bool disable)
5. New: hasJavascriptMethod(String handlerName, OnReturnValue<Boolean> existCallback)
6. New: setJavascriptCloseWindowListener(JavascriptCloseWindowListener listener)
7. New: DWebView.setWebContentsDebuggingEnabled(boolean enabled)
8. New feature: Support namespace
9. Changed: Java API signature changed
10. Changed: callHandler can be called at any time.
11. Changed: change minSdkVersion to 11.

In Javascript

1. New: hasNativeMethod(handlerName,[type])
2. New: disableJavascriptDialogBlock(disable)
3. New: registerAsyn(methodName|namespace,function|asyApiObject)
4. Changed: register(methodName|namespace,function|synApiObject)
5. New feature: Support namespace

error

01-19 17:07:25.993 28912-28912/wendu.jsbdemo E/Web Console: Uncaught ReferenceError: getJsBridge is not defined at file:///android_asset/test.html:42
01-19 17:07:25.993 28912-28927/wendu.jsbdemo D/jsbridge: call succeed,return value is 1hello
01-19 17:08:09.423 28912-28912/wendu.jsbdemo E/Web Console: Uncaught TypeError: Cannot call method 'call' of undefined at file:///android_asset/test.html:46

库下载不动

compile 'com.github.wendux:DSBridge-Android:2.0-SNAPSHOT' 这个无法下载，已翻墙

异步调用时报错

W/cr_BindingManager: Cannot call determinedVisibility() - never saw a connection for the pid: 3818 W/System.err: java.lang.reflect.InvocationTargetException W/System.err: at java.lang.reflect.Method.invoke(Native Method) W/System.err: at wendu.dsbridge.DWebView$InnerJavascriptInterface.call(DWebView.java:255) W/System.err: at org.chromium.base.SystemMessageHandler.nativeDoRunLoopOnce(Native Method) W/System.err: at org.chromium.base.SystemMessageHandler.handleMessage(SystemMessageHandler.java:41) W/System.err: at android.os.Handler.dispatchMessage(Handler.java:102) W/System.err: at android.os.Looper.loop(Looper.java:150) W/System.err: at android.os.HandlerThread.run(HandlerThread.java:61) W/System.err: Caused by: java.lang.NullPointerException: Attempt to invoke virtual method 'java.util.Iterator java.util.ArrayList.iterator()' on a null object reference W/System.err: at wendu.dsbridge.DWebView.dispatchStartupQueue(DWebView.java:523) W/System.err: at wendu.dsbridge.DWebView.access$800(DWebView.java:53) W/System.err: at wendu.dsbridge.DWebView$1.dsinit(DWebView.java:414) W/System.err: ... 7 more D/dsBridge: Call failed：The parameter of "dsinit" in Java is invalid.

dwebView.addJavascriptObject(new JsApi(), null); 没有这个方法

博主这个什么原因造成的

加一个列表滑动很卡

首先，此库确实调用方便，很好用，但是遇到一个问题使用dswebview加载一个列表滑动的时候很卡，但是使用原生的webview不会出现这个问题，希望作者优化此处

怎么使用x5内核呢？

集成X5 SDK的时候需要在Application中 QbSdk.initX5Environment来初始化，这个库不需要吗？
使用x5的时候只需要改compile就可以了吗？layout中还是使用<wendu.dsbridge.DWebView/>吗？
DSBridge-Android:x5-SNAPSHOT也升级3.0版本了吗？

android下，加载本地html，getJsbridge这个方法并不是最先存在的

android下，加载本地html，getJsbridge这个方法并不是最先存在的。有可能出现，webapp应用初始化了，但是bridge还没到这种情况

android webview里面 dsBridge报 dsBridge is not defined

操作如下，进入a页面dsBridge 能获得值，点击a链接跳转到b页面，然后在b页面返回到a页面时报 dsBridge is not defined。

post 请求无效

How to implement DSBridge in existing webview?

Maybe this is a dumb question... But I cannot figure out how to implement this bridge into a already existing WebView. Is it explained somewhere? Is it actually possible?

Thank you so much in advance for any help you are able to provide!

案例运行出错

错误日志：

01-04 16:19:37.007 3363-3932/wendu.jsbdemo W/System.err: java.lang.IllegalAccessException: Class java.lang.Class<wendu.dsbridge.DWebView$1> cannot access  method void wendu.jsbdemo.JsApi.testAsyn(org.json.JSONObject, wendu.dsbridge.CompletionHandler) of class java.lang.Class<wendu.jsbdemo.JsApi>
01-04 16:19:37.007 3363-3932/wendu.jsbdemo W/System.err:     at java.lang.reflect.Method.invoke(Native Method)
01-04 16:19:37.007 3363-3932/wendu.jsbdemo W/System.err:     at wendu.dsbridge.DWebView$1.call(DWebView.java:126)
01-04 16:19:37.007 3363-3932/wendu.jsbdemo W/System.err:     at org.chromium.base.SystemMessageHandler.nativeDoRunLoopOnce(Native Method)
01-04 16:19:37.007 3363-3932/wendu.jsbdemo W/System.err:     at org.chromium.base.SystemMessageHandler.handleMessage(SystemMessageHandler.java:53)
01-04 16:19:37.007 3363-3932/wendu.jsbdemo W/System.err:     at android.os.Handler.dispatchMessage(Handler.java:102)
01-04 16:19:37.007 3363-3932/wendu.jsbdemo W/System.err:     at android.os.Looper.loop(Looper.java:148)
01-04 16:19:37.008 3363-3932/wendu.jsbdemo W/System.err:     at android.os.HandlerThread.run(HandlerThread.java:61)

然后定位到DWebView下的
ret = method.invoke(jsb, arg);
这行代码

机型：一加一代 Android6.0

Uncaught ReferenceError:Cannot call method 'apply' of undefined at null

android 4.2
clone 下来的代码 没动
10-25 11:52:54.063 29187-29187/wendu.jsbdemo E/Web Console: Uncaught ReferenceError: dsBridge is not defined at file:///android_asset/test.html:45

10-25 11:52:54.213 29187-29187/wendu.jsbdemo E/Web Console: Uncaught TypeError: Cannot call method 'apply' of undefined at null:1

可是已经初始化了
//dsbridge初始化化代码
window._dsbridge&&_dsbridge.init();

    console.log(dsBridge)

＝＝＝＝＝＝＝＝＝＝＝＝＝＝

这么写dsBridge 是有值的
function callSyn() {
console.log(dsBridge)
alert(dsBridge.call("testSyn", {msg: "testSyn"}))
}

apply 没定义？谢谢！

注：后来发现在其他设备上是没问题的（新设备是android 5.0），可能和webview内核有关系，还没进一步验证

希望能够添加对于腾讯X5内核的支持.

RT