Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jd-opensource/jdhybrid

针对WebView开发的工具集,包括WebView基础能力、性能优化能力等,后续将逐步开源
https://github.com/jd-opensource/jdhybrid

hybrid hybrid-apps jsbridge jsbridge-webview webview webviewjavascriptbridge wkwebview

Last synced: about 1 month ago
JSON representation

针对WebView开发的工具集,包括WebView基础能力、性能优化能力等,后续将逐步开源

Awesome Lists containing this project

README

        

简介


JDHybrid是一个移动端高性能Hybrid容器框架,致力于提升h5加载与渲染性能、WebView容器标准化,项目经过了亿级PV的业务验证, 项目主要包括:

* jsbridge --- JDBridge
* 集成各种开源能力的WebView容器 --- JDWebView
* 离线包加载框架 --- JDCache
* iOS同层渲染 --- JDWidget(正在路上...)

快速入门指南


使用JSBridge


JSBridge(JDBridge) 包含jssdk部分与客户端部分,使用时js先引入JSSDK(见下文), 并添加js插件供native调用,或通过jssdk api调用native插件,使用方式参考:

* [H5 JSBridge](H5/JDBridge/README.md)
* [iOS JSBridge](iOS/JDHybrid/JDBridge/README.md)
* [Android JSBridge](android/JDBridge/README.md)

使用WebView容器


JDHybrid 提供了支持JDBridge的容器,未来还会支持离线加载能力,可直接使用

* [iOS WebView容器](iOS/JDHybrid/JDWebView/README.md)
* [Android WebView容器](android/JDWebView/README.md)

使用JDCache

* [iOS JDCache](iOS/JDHybrid/JDCache/README.md)
* [Android JDCache](android/JDCache/README.md)
* [离线包制作](nodejs/README.md)

更多使用方式

* [h5 Demo](H5/JDBridge/Example) 进入[H5/JDBridge/Example](H5/JDBridge/Example)下执行 `npm install && npm run build` , 打开 `dist` 文件夹内的html即可, 客户端试用下面Demo前也请先安装h5 demo,我们会自动copy产物到Example内
* [iOS Demo](iOS/Example) 进入[iOS/Example](/iOS/Example)文件夹,执行 `pod install`
* [Android Demo ](android/example)进入[android](/android)文件夹,执行`./gradlew installDebug`

Contributing


我们欢迎您能为JDHybrid做出贡献帮助它变得更好!我们鼓励并重视所有类型的贡献。如果你有任何问题,请随时在我们的讨论区开启一个新的讨论主题。
如果您有webview方面的诉求,也可以提出需求。

License


JDHybrid(包括子项目) 基于MIT协议开源,具体查看 LICENSE 文件了解更多信息.

Contact

邮箱: [email protected]