JsBridge

jsbridge初探

jsbridge是随着HybridApp的流行而产生的一种技术。那么HybridApp是啥？
深红·2020-08-21 00:51

利用Proxy，如何优雅实现JSBridge模块化封装

背景关于JSBridge的一些基础知识，在网络上有很多文章可以参考：《H5与Native交互之JSBridge技术》《JSBridge的原理》最近公司在做一个项目，通过把我们自己的Webview植入第三方
Denzel·2020-08-20 23:20

利用Proxy，如何优雅实现JSBridge模块化封装

背景关于JSBridge的一些基础知识，在网络上有很多文章可以参考：《H5与Native交互之JSBridge技术》《JSBridge的原理》最近公司在做一个项目，通过把我们自己的Webview植入第三方
Denzel·2020-08-20 23:20

JSBridge 实现原理

本位主要总结下JSBridge前端实现原理，来自工作中的总结，安卓/ios代码仅为示意JavaScript与Native之间的互相调用JavaScript是运行在一个单独的JSContext中（例如：webview
大桔子·2020-08-20 22:44

JSBridge 实现原理

本位主要总结下JSBridge前端实现原理，来自工作中的总结，安卓/ios代码仅为示意JavaScript与Native之间的互相调用JavaScript是运行在一个单独的JSContext中（例如：webview
大桔子·2020-08-20 22:44

hybrid入门及JsBridge原理

什么是hybridhybrid：混合使用Native和web技术开发，即前端和客户端的混合开发。核心是快速迭代，无需审核。主流技术框架web渲染：Cordova（前身是PhoneGap）原生渲染：ReactNative、Weex混合渲染：微信小程序webview：是app的一个组件，用于加载内嵌的h5页面，即一个小型的浏览器内核file协议：加载本地资源文件（http(s)协议则是网络请求，加载网
populus·2020-08-20 22:55

hybrid入门及JsBridge原理

什么是hybridhybrid：混合使用Native和web技术开发，即前端和客户端的混合开发。核心是快速迭代，无需审核。主流技术框架web渲染：Cordova（前身是PhoneGap）原生渲染：ReactNative、Weex混合渲染：微信小程序webview：是app的一个组件，用于加载内嵌的h5页面，即一个小型的浏览器内核file协议：加载本地资源文件（http(s)协议则是网络请求，加载网
populus·2020-08-20 22:55

记一次修复微信支付吊起非常慢的问题

原来之前把h5浏览器定位换成了微信jsbridge定位，解决安卓下面会频繁弹
frontoldman·2020-08-20 20:17

记一次修复微信支付吊起非常慢的问题

原来之前把h5浏览器定位换成了微信jsbridge定位，解决安卓下面会频繁弹
frontoldman·2020-08-20 20:17

jsbridge初探

jsbridge是随着HybridApp的流行而产生的一种技术。那么HybridApp是啥？
深红·2020-08-20 16:29

jsbridge初探

jsbridge是随着HybridApp的流行而产生的一种技术。那么HybridApp是啥？
深红·2020-08-20 16:29

初探Flutter

相比于RN用JSBridge调用原生控件渲染，Flutter直接跳过这一层，而是选择用自己的UI框架渲染，更加高效，dart作为20多种语言里被选用的肯定也有它的道理。
辰辰远·2020-08-20 13:21

Flutter使用JsBridge方式处理Webview与H5通信

目前，移动跨平台开发作为移动开发的重要组成部分，是移动开发者必须掌握的技能，也是自我提升的重要手段。作为Google推出的跨平台技术方案，Flutter具有诸多的优势，已经或正在被广大开发者应用在移动应用开发中。在过去的2019年，我看到越来越多的公司和个人开始使用Flutter来开发跨平台应用，对于移动应用开发来说，Flutter能够满足几乎所有的业务开发需求，所以，学习Flutter正当时。众
xiangzhihong8·2020-08-20 13:09

Android Hybrid混合开发(Webview+JSBridge)简介

导论:WebView是一个基于webkit引擎、展现web页面的android控件,由于H5的快速发展,现在Hybrid混合开发已经成为中庸选择.本篇主要介绍webview及开源框架JSBridge.原生
爱乐写代码·2020-08-20 12:08

AgentWeb中使用Jsbridge，js无法正常调用安卓方法的问题

AgentWeb中如果想使用JsBridge，可以参考这个demo。JsbridgeWebFragment自己在项目中仿着这个demo使用的时候，代码如下。
伍子夜·2020-08-20 09:44

用js判断是否是微信浏览器

判断是否是微信浏览器，网上的大部分代码是用ua判断的，这种办法容易伪造，在github上找了一个用jsbridge判断的，如下:varisWeixin=false;if(typeofWeixinJSBridge
touzizhuo03·2020-08-18 22:28

通用jsbridge封装

/***用法：*importjsBridgefrom'fileName.js'**1、给APP端发送数据*jsBridge.callHandler(eventName,data,callback(reponseData
淵波太郎·2020-08-18 05:38

DSBridge 与 JSBridge 的区别

最近新开源了一个新项目DSBridge，号称最好用的javascriptbridge。笔者仔细对比了一下，DSBridge分分钟秒杀所有啊。DSBridge的主要特点：DSBridge真正跨平台，官方同时支持ios和android。DSBridge支持同步调用。三端友好；无论是在ios、android或者web，使用起来都非常简单优雅，这一点和WebViewJavascriptBridge相比，简
weixin_34279184·2020-08-16 03:18

react native webview与H5通信

rn封装原生jsbridge与H5交互rnwebview问题之前写过一篇封装原生webview的文章，rn封装原生jsbridge与H5交互但是那只是android端的，不能应用iOS端，随着rn的发展
WYQ_XQ·2020-08-15 19:24

webview与H5 交互

implementation'com.github.lzyzsd:jsbridge:1.0.4'H5调androidwebview.registerHandler("方法名",newBridgeHandler
ydc0128·2020-08-15 17:52

Android原生app与H5交互

2.实现交互今天记录一下开发过程中用到的H5交互方法，采用了第三方框架jsbridge，记录一下，以防自己忘记了。废话少说，直接上代码。
符哥2008·2020-08-15 15:18

将vue methods方法挂载到全局window对象，给app端或后台使用 vue项目

通过jsBridge方法，H5可以调用客户端（ios，android）的内部方法，同样，客户端也需要能调用H5页面里定义的js方法，但是在vue里，所有的方法都是在组件内部声明的，也只能在组件内部调用，
怒放的阿旭·2020-08-15 12:42

前端面试题集合（持续更新）

1.hybrid实现原理使用webview承载H5页面或者解析js为虚拟Dom，使用原生UI渲染，在H5层和Native层间加一个双向通信层JSBridge，作为H5和native的沟通桥梁，H5通过JsBridge
随心cjh·2020-08-13 20:57

JSBridge深度剖析

在讲JSBridge技术之前，我们来看一下传统的实现方式。
xiangzhihong8·2020-08-12 00:31

html和native使用JSBridge交互

网页通过webview加载，webview作为native和js交互的中介iosios调用jswebview.stringByEvaluatingJavaScriptFromString：返回js脚本的执行结果//Swiftwebview.stringByEvaluatingJavaScriptFromString("swiftcalljs()")js调用iosjsbridge://开头的请求在n
Spider--Man·2020-08-12 00:12

H5与Native交互之JSBridge技术

本文就是介绍这层Bridge的交互原理，通过阅读本文你可以了解到js与ios及android底层的通讯原理及JSBridge的封装技术及调试方法。
weixin_33889665·2020-08-11 23:22

JsBridge原理是啥？

1、什么是JsBridge在移动开发中，我们讲究尽可能降低开发和更新维护成本，如微信小程序和Weex等都可以一次开发多端运行。
IT_Magicwo·2020-08-11 23:45

JSbridge系列解析（一）:JS-Native调用方法

JSBrige系列直通车，由浅入深理解JS-Native的通信过程：JSbridge系列解析（一）:JS-Native调用方法JSbridge系列解析（二）:lzyzsd/JsBridge使用方法JSbridge
贵公子·2020-08-11 23:12

理解JSBridge

随着HTML5的不断普及及优化，其在移动端开发的应用也越来越多，在开发者我们经常需要web和native进行交互，也就是要用到经常听到的“JSBridge”。
Jason-Jin·2020-08-11 21:23

android使用jsBridge库实现native与js交互

jsBridge实现native与js交互大体实现方式：webview监听加载h5页面完成后，往页面里面注入一段js（jsBridge.js），该js往页面里注入了两个iframe，一个iframe用于通知
汉三姓胡·2020-08-11 21:12

JsBridge源码详解（一） JS与Native通讯过程（附详细流程图）

JsBridge（github地址）为混合式应用native与h5的通讯提供安全而方便的桥接。JsBridge是通过url拦截的方式实现的。
dnsliu·2020-08-11 21:07

js请求native的jsBridge

//jsbridgeinitvarjsBridge=function(callback){if(window.WebViewJavascriptBridge){returncallback(WebViewJavascriptBridge);}else{document.addEventListener('WebViewJavascriptBridgeReady',function(){callba
佳人与北·2020-08-11 20:57

总结JsBridge 使用遇到的坑（fork并打了新的release）

github地址https://github.com/lzyzsd/JsBridge常规接入方式repositories{//...maven{url"https://jitpack.io"}}dependencies
爱吃橙子-·2020-08-11 17:00

jsBridge遇到的坑2 （h5页面加载js文件过多，jsBridge无效）

问题：Android食用JsbridgeWebView与h5进行交互，h5注册JsBridge，在调用时bridge时有时候为空分析：JsBridgeWebView通过BridgeWebViewClient
爱吃橙子-·2020-08-11 17:00

与后端或APP联调时如何定位问题3——移动端对接

移动端联调主要是三类问题：第一类问题，后端返回的数据是否符合要求第二类问题，JSBridge传参或回调错误第三类问题，兼容性问题三类问题中，除了第一类查看服务端返回的数据是否符合要求可以在pc机上调试，
落影0218·2020-08-10 17:57

2020-06-01 html的video标签 + css块级元素响应式缩放 + JSBridge + 国内外网站风格比较

#2020-06-01题目来源：http://www.h-camel.com/index.html#[html]html5的video如何附带字幕？标签定义视频，比如电影片段或其他视频流。目前，元素支持三种视频格式：MP4、WebM、Ogg。属性：atuoplay(自动播放)loop(循环播放)muted(静音)controls(显示用户控件，播放按钮等)参考：https://blog.csdn.
小鸟哗啦啦·2020-08-10 11:08

Hybrid 开发：JsBridge - Web 和客户端的桥

Hybrid开发中，web页面往往会跟native进行交互，而JSBridge就是web页面和native进行通信的桥梁，通过JSBridge可以实现web调用native的方法，native可以通过webview.loadUrl
weixin_34246551·2020-08-09 14:48

Hybrid APP基础篇(四)->JSBridge的原理

说明JSBridge实现原理目录前言参考来源前置技术要求楔子原理概述简介urlscheme介绍实现流程实现思路第一步:设计出一个Native与JS交互的全局桥对象第二步:JS如何调用Native第三步:
weixin_30897233·2020-08-09 14:21

iOS与H5界面JSBridge交互Demo

iOS与H5界面JSBridge交互Demo最近公司需要加活动和新闻模块,boss看同样的设计稿,我们iOS做一遍,安卓做一遍,小程序又做一遍;所以决定用H5页面.但我们Native不仅仅加载URL就行
weixin_30367945·2020-08-09 13:32

使用jsBridge和原生IOS、Android交互

使用jsBridge和原生IOS、Android交互，有两种方式第一种：functiontestClick(){vardata={title:'宜信宜人贷',url:'http://wap.yirendai.com
、不知不觉、·2020-08-09 12:14

使用jsBridge实现H5页面和APP端交互（andriod和ios通用）

1、通过jsBridge获取App端的token，H5定义的函数名必须和APP端对应window.function(){//获取请求tokenwindow.getToken=function(token
qq_36812123·2020-08-09 11:25

使用 JSBridge 与原生 IOS、Android 进行交互（含 H5、Android、IOS 端代码，附 Demo）

这里写自定义目录标题一、写在前面二、H5端代码1、初始化`WebViewJavascriptBridge`2、注册与原生交互的事件函数3、调用原生注册的事件函数三、IOS端代码1、引入WebViewJavascriptBridge直接使用方式Cocopad使用方式2、初始化WebViewJavascriptBridge3、注册与H5端交互的事件函数4、调用H5端事件函数四、Android端代码1、
浮沉半生·2020-08-09 05:47

Android 混合开发之JsBridge

电商或者内容类APP中，H5通常都会占据一席之地,Native跟H5通信会必不可少，比如某些场景H5通知native去分享，native通知H5局部刷新等，Android本身也提供这样的接口，比如addJavascriptInterface、loadUrl(“javascript:…”），而需要支持的能力也要是双工的。1：H5通知Native(可能需要处理回调)，2：Native通知H5（也可能需
看书的小蜗牛·2020-08-08 16:56

基于webview_flutter实现JsBridge的简单封装

本文基于flutter官方webview_flutter实现JsBridge的简单封装，实现在H5页面点击按钮调起flutter弹窗，具体
Sherry慈·2020-08-04 06:16

Android JSBridge的原理与实现

在Android中，JSBridge已经不是什么新鲜的事物了，各家的实现方式也略有差异。
_区长·2020-08-04 00:17

js接收客户端base64图片转换Blob

大致场景就是前端通过jsBridge获取客户端返回的base64图片数据，然后将base64的数据转为Blob图片，然后拿着这个Blob图片文件上传到阿里云去！
黑子Kuroko·2020-08-03 16:46

UIWebView js oc相互调用的三种方法

里对象调用首先先创建UIWebView对象，加载本地html文件//加载本地html文件NSString*htmlPath=[[NSBundlemainBundle]pathForResource:@"jsbridge"ofType
Gz_Jason_chen·2020-08-03 13:41

【quickhybrid】H5和原生的职责划分

前言在JSBridge实现后，前端网页与原生的交互已经通了，接下来就要开始规划API，明确需要提供哪一些功能来供前端调用。
weixin_33851604·2020-08-03 06:37

记一次修复微信支付吊起非常慢的问题

原来之前把h5浏览器定位换成了微信jsbridge定位，解决安卓下面会频繁弹
weixin_33739646·2020-08-03 06:15

【quickhybrid】架构一个Hybrid框架（二）

【上一篇】原生和H5的交互核心是：JSBridge交互（采用基于WKWebView实现）JSBridge就是定义Native和JS的通信,Native只通过一个固定的桥对象调用JS,JS也只通过固定的桥对象调用
ignativs amor·2020-08-03 04:34
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他