# JsWebView

**Repository Path**: jason168/JsWebView

## Basic Information

- **Project Name**: JsWebView
- **Description**: jswebview
- **Primary Language**: Android
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2017-09-08
- **Last Updated**: 2021-11-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


![](https://github.com/NeglectedByBoss/JsWebView/blob/master/TcBrowse/app/src/main/res/drawable/logoMax.png)
# JsWebView

Android基于JsBridge封装的高效带加载进度的WebView
可用作简单应用内置浏览器，帮你快速开发Hybrid APP

主要功能：

- 支持header
- 支持进度
- 支持自定义错误页面
- 支持h5和native的快速交互，简单易学
- 支持cookie同步
- 

#UI

![](http://img.blog.csdn.net/20161209180646623?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc2s3MTk4ODc5MTY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
)
#Dependencies

**Gradle:**  

root：

      repositories {
    maven { url "https://jitpack.io" }
    jcenter()
      }

Module:

       dependencies {
       .....
       compile 'com.tamic:browse:1.0.0'
    
       }

# Function
  
    **XMl**
    
     <com.tamic.jswebview.view.ProgressBarWebView
        android:id="@+id/login_progress_webview"
        style="@style/NumberProgressBar_Default"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

     </com.tamic.jswebview.view.ProgressBarWebView>
  
  **初始化**
      
        ProgressBarWebView  mProgressBarWebView = (ProgressBarWebView) findViewById(R.id.login_progress_webview);
      
  **设置WebViewClient**
  
  
  
           
          mProgressBarWebView.setWebViewClient(new CustomWebViewClient(mProgressBarWebView.getWebView()) {
            @Override
            public String onPageError(String url) {
                //指定网络加载失败时的错误页面
                return "file:///android_asset/error.html";
            }

            @Override
            public Map<String, String> onPageHeaders(String url) {

                // 可以加入header

                return null;
            }

            
        });

        // 打开页面，也可以支持网络url
        mProgressBarWebView.loadUrl("file:///android_asset/demo.html");
        
        
        

**回调js的方法**

        // 添加hander方法名 
        mHandlers.add("login");
       // 订阅此方法key
        mProgressBarWebView.registerHandlers(mHandlers, new JsHandler() {
            @Override
            public void OnHandler(String handlerName, String responseData, CallBackFunction function) {

                    String resquestData = "this native data"
                    
                     // 返回数据给js
                    function.onCallBack(resquestData);
               
            }
        });
**调用js**

        mProgressBarWebView.callHandler("callNative", "hello H5, 我是java", new JavaCallHandler() {
            @Override
            public void OnHandler(String handlerName, String jsResponseData) {
                Toast.makeText(MainActivity.this, "h5返回的数据：" + jsResponseData, Toast.LENGTH_SHORT).show();
            }
        });
        
        
**发送消息给js**


        mProgressBarWebView.send("hello world!", new CallBackFunction() {
            @Override
            public void onCallBack(String data) {
            
            // data 为js回传数据

                Toast.makeText(MainActivity.this, data, Toast.LENGTH_SHORT).show();

            }
        });


----------------------------



作者:Tamic & Yezhengnan.
  >介绍:http://www.jianshu.com/p/17054c21dd78

  >http://blog.csdn.net/sk719887916/article/details/52402470