Javascript 与原生交互规范

最新推荐文章于 2020-03-04 16:40:26 发布

xlelou

最新推荐文章于 2020-03-04 16:40:26 发布

阅读量1.3k

点赞数

文章标签： js

本文链接：https://blog.csdn.net/xlelou/article/details/81382376

版权

本文介绍了JavaScript与原生应用的交互规范，包括前端如何调用原生方法、接收原生传递的参数，以及如何定义全局方法供原生调用。同时，文章强调了命名规范的重要性，遵循JavaScript常见规范并建议前端与原生开发团队进行具体约定，确保方法名具有关联性，便于异常处理和信息查找。

摘要由CSDN通过智能技术生成

Javascript 与原生交互规范

一、交互规范

Javascript 与原生应用交互

前端调用原生

假设原生有个 native 方法叫做 doLogin()

  //Android 原生方法
  window.android.doLogin();

  //如果是IOS，使用方法为直接写方法名
  doLogin();

前端向原生传值

假设原生有个 native 方法叫做 doLogin(username, password)

  //Android 原生方法
  window.android.doLogin(username, password);

  //如果是IOS，使用方法为直接写方法名
  doLogin(username, password);

接收原生传递过来的参数

定义一个方法：

doLogin:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xlelou

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Js与原生交互详解（JsBridge）

清风的博客

06-09

2403

1.前言优美的js与原生的交互应该是像微信那样的，简洁方便，通俗易懂，网上看了很多博客，发现很多人都没说清楚明白，说的明白的又太抽象，又是画图又是理论的，弄到后面就作者一个人懂，一点也不适合小白，所以我特地写一篇，就这样。 2.效果说明微信JSDK：比如一个选择图片的交互，人家是这么写的。 wx.chooseImage({ success: function (res) { var tempFilePaths = res.tempFilePaths // tempFilePa.

javascript与原生的交互小知识

牙膏的专栏

03-05

874

以上是移动端跟html页面交互的一个做法；那么在前端这方面需要做些什么呢？ 1.统一定义好“接口名”（例如：Js_Interactive），在html中调用原生方法的方式： `window.Js_Interactive.method();` *在前期移动端未能配合测试的时候，可以自己定义一个Js_Interactive对象来测试交互效果有没有问题。 2.定义方法名 -定义原生调用js的函数名，这里只要命名符合

参与评论您还未登录，请先登录后发表或查看评论

js和原生应用常用的数据交互方式

weixin_34189116的博客

11-07

483

场景1 在原生app中经常会使用到H5页面，比如说电商中的活动页，一些电商中的详情页，等等...这些页面都有一个特点，那就是在未来修改的可能性，和一次性的几率特别的大。所以用H5的页面是最睿智的一种选择。一旦使用了H5那么就少不了和原生开发的一些交互（Android, IOS）如下的方案能够帮助你解决。其实现原理是原生在js的window对象中注入一个js方法，以备原生应用进行处罚触发，就和我...

HyBrid探索（一）

dasongbo7290的博客

10-13

163

UIWebView加载网页内容可以通过本地文件、url等方式。 NSString *htmlPath = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"]; NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL fileURL...

原生代码和JS交互说明

dibu3564的博客

09-29

154

原生代码和JS交互说明原则 1.接口不要定义返回值，JS有获取数据需求的情况通过回调函数的方式实现 2.尽量保证iOS和Android端一致，简化JS端的使用 iOS端 iOS端目前使用WKWebview加载前端Html。 JS调用OC接口WKWebView提供了postMessage的机制来让JS调用OC接口： window.webkit.mess...

vue与原生app的对接交互的方法(混合开发)

10-17

本文将重点介绍在混合开发模式下，Vue如何与原生APP实现对接交互，并分享在开发过程中可能遇到的一些问题及其解决方案。 ### Vue与原生APP交互的基本概念 Vue.js是一种构建用户界面的渐进式JavaScript框架，主要...

H5与原生交互方式的需要文件

最新发布

03-20

2. **JSBridge**：JSBridge是实现H5与原生交互的核心机制，它建立了一个桥梁，使得JavaScript代码可以调用原生的API。常见的JSBridge实现有WebViewJavascriptBridge（iOS）、Android的ChromeCustomTabs、以及微信的...

Android WebView上实现JavaScript与Java交互

10-22

在混合型应用开发中，通常需要让网页中的JavaScript代码与Android Java代码进行交互，以实现更加丰富的功能。本文就介绍如何在Android WebView中实现JavaScript与Java之间的交互。在进行JavaScript与Java交互之前...

原生javascript实现图片弹窗交互效果

12-07

在本文中，我们将探讨如何使用原生JavaScript实现一个图片弹窗交互效果，主要涉及以下几个关键知识点： 1. **变量声明优化**：在JavaScript中，使用`var`关键字声明变量是常见的做法。在代码示例中，为了提高效率...

ios 原生与js交互

09-26

ios7之后，ios中加入了JavaScriptCore框架。该框架让Objective-C和JavaScript代码直接的交互变得更加的简单方便。ios 原生与js交互，demo代码，其中包括利用JSBinding简单使用！

android原生与js交互第三方库

12-30

android上很不错的js与原生的交互第三方库方便用户适配android各系统

js与原生进行交互

aiduojia5871的博客

05-31

157

由于最近做的项目我作为web前端要和原生开发者合作，所以就去踩了踩坑。这个功能是在h5页面上点击按钮关闭当前页面。 function click_fn() { var u = navigator.userAgent, app = navigator.appVersion; va...

原生和js交互

weixin_44310617的博客

03-04

294

创建HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Carson_Ho</title> // JS代码 <script> // Android需要调用的方法 functio

JS&iOS原生交互

李双龙的博客

04-28

5187

关于原生和hybid之争,这里不做探讨.主要讲讲JS和OC交互开讲前附上一个牛逼的第三方 JavascriptBridge OC执行JS代码 1.stringByEvaluatingJavaScriptFromString 这个方法是UIWebView里面的方法,也是最为简单的和JS交互的方式 - (nullable NSString *)stringBy

JS与Android原生交互

chyss_的专栏

05-19

1767

JS与Android原生交互在项目的开发中我们会遇到android 原生与Html5的混合开发，我们可能会需要在android中调用js里面的方法进行数据交互或其他的特殊处理，又或者在Html页面调用android的原生的统一弹框或其他处理。这时候我们就需要给android和js设置接口，进行相互的调用。 1、android中设置JS对应的对象类JavaScriptObject

js页面与原生app交互

Mr_wuying的博客

06-15

869

点击html页面的按钮调用原生app里的分享方法 <div class="iconTop">  <dl onclick="appMessage('2')"> ...

本地js与原生交互

u014637710的博客

03-04

477

1.建立assets目录 2.loadata.xml内容 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> </head...

Android WebView中Java与JavaScript交互实战

Android提供了WebView组件，它不仅可以展示网页，还支持Java与JavaScript的交互。本文将探讨如何在Android应用中实现这一功能。首先，为了让WebView能够执行JavaScript代码，我们需要在初始化WebView时开启...