AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

移动端H5中JS调用原生接口的原理总结（JSBridge）

2019-02-19 4712
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： JS调用android接口的原理:1. H5中的JS发起请求，在android的WebViewClient.shouldOverrideUrlLoading方法中拦截URL请求，判断是否为接口调用2.

JS调用android接口的原理:

1. H5中的JS发起请求，在android的WebViewClient.shouldOverrideUrlLoading方法中拦截URL请求，判断是否为接口调用

2. android通过webView.addJavascriptInterface方法向windows对象中注入原生代码,然后H5在JS中调用相应的方法

3. 选择prompt,console.log,alert等方法作为通信的接口


JS调用IOS接口的原理

UIWebView的delegate函数拦截jsbridge://开头的请求

文章标签：
Android开发
Windows
JavaScript
移动开发
iOS开发
关键词：
h5 JavaScript
JavaScript移动端
JavaScript原理
JavaScript接口
JavaScript h5
1331032185973201
目录
相关文章
一缕微风绕指柔
|
28天前
|
自然语言处理 JavaScript 前端开发
深入理解JavaScript中的闭包：原理与实战
【10月更文挑战第12天】深入理解JavaScript中的闭包：原理与实战
一缕微风绕指柔
41 1
进步`于辰
|
8天前
|
移动开发 前端开发 JavaScript
前端实训，刚入门，我用原生技术（H5、C3、JS、JQ）手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面，开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面，涉及多种特效实现，如动态图片切换和人物聚合效果。作品源码已上传至CSDN，视频效果可在CSDN预览。
进步`于辰
13 0
前端实训，刚入门，我用原生技术（H5、C3、JS、JQ）手写【网易游戏】页面特效
疯狂的猿
|
17天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码，带歌词显示。包括支持单曲循环，歌词显示，歌曲搜索，音量控制，列表循环等功能。利用json获取音乐歌单和歌词，基于html5 audio属性手机音乐播放器代码。
疯狂的猿
66 6
跃@sir
|
28天前
|
前端开发 JavaScript
深入理解JavaScript中的事件循环（Event Loop）：从原理到实践
【10月更文挑战第12天】 深入理解JavaScript中的事件循环（Event Loop）：从原理到实践
跃@sir
34 1
chnjames
|
29天前
|
JSON 前端开发 API
使用微信JS-SDK调用发票接口的完整开发指南
本文介绍了如何使用微信JS-SDK的`chooseInvoiceTitle`接口来调用微信的发票功能。通过微信发票接口，用户可以选择开具个人或单位发票，并获取相关发票信息，如抬头、税号、公司地址等。在文中，详细描述了JS-SDK的初始化、发票接口的调用方式，并提供了完整的代码示例。文章还介绍了如何处理返回的发票信息，帮助开发者快速集成微信发票功能。
chnjames
70 2
六卿
|
2月前
|
移动开发 前端开发 JavaScript
JS配合canvas实现贪吃蛇小游戏_升级_丝滑版本_支持PC端和移动端
本文介绍了一个使用JavaScript和HTML5 Canvas API实现的贪吃蛇游戏的升级版本，该版本支持PC端和移动端，提供了丝滑的转向效果，并允许玩家通过键盘或触摸屏控制蛇的移动。代码中包含了详细的注释，解释了游戏逻辑、食物生成、得分机制以及如何响应不同的输入设备。
六卿
57 1
JS配合canvas实现贪吃蛇小游戏_升级_丝滑版本_支持PC端和移动端
bruce刘晓伟-18435
|
1月前
|
数据采集 JavaScript 前端开发
JavaScript逆向爬虫——无限debugger的原理与绕过
JavaScript逆向爬虫——无限debugger的原理与绕过
bruce刘晓伟-18435
63 2
一缕微风绕指柔
|
28天前
|
自然语言处理 JavaScript 前端开发
深入理解JavaScript中的闭包：原理、应用与代码演示
【10月更文挑战第12天】深入理解JavaScript中的闭包：原理、应用与代码演示
一缕微风绕指柔
18 0
小周sir
|
29天前
|
自然语言处理 JavaScript 前端开发
深入理解JavaScript闭包：原理与应用
【10月更文挑战第11天】深入理解JavaScript闭包：原理与应用
小周sir
19 0
一缕微风绕指柔
|
1月前
|
JavaScript 前端开发 开发者
深入理解JavaScript中的闭包：原理与应用
【10月更文挑战第8天】深入理解JavaScript中的闭包：原理与应用
一缕微风绕指柔
10 0

热门文章

最新文章

  • 1
    《JavaScript应用程序设计》一一2.9 方法API的设计
  • 2
    javascript类型系统之Array
  • 3
    好程序员web前端培训分享JavaScript学习笔记cookie
  • 4
    Andorid Freemarker与template.js使用
  • 5
    YY游戏云的angular js实践总结
  • 6
    走在JS上的全栈之路(一)
  • 7
    JavaScript值得注意的小知识点
  • 8
    HTML6 无 JavaScript 的单页应用引起一片哗然
  • 9
    js正则表达式语法
  • 10
    JS中document对象详解
  • 1
    前端框架与库 - Vue.js基础：模板语法、数据绑定
    133
  • 2
    《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐
    260
  • 3
    js【详解】arr.reduce() 数组缩减
    45
  • 4
    【vue】 vue2 | js 实现数字滚动效果
    98
  • 5
    【vue】 网站动态背景 | vanta.js的使用
    408
  • 6
    JavaScript进阶-JavaScript库与框架简介
    57
  • 7
    DVWA JavaScript 通关解析
    66
  • 8
    WEB三大主流框架之Vue.js
    44
  • 9
    断网之后的页面，Autox.js是点击还是上下滑动比较好？
    60
  • 10
    autox.js如何监听异常情况，比如网络中断、内存慢、应用死机或者页面无响应
    215

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • jQuery开发教程
  • Vue.js 入门与实战

    • 相关电子书

    更多
  • JavaScript面向对象的程序设计
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • 搭建Node.js编程环境
  • 前端开发基础6：Node.js和LESS预编译工具
    • 下一篇
    阿里云OSS设置跨域访问