JSBridge

vue实现与安卓、IOS交互

方案背景IOS用的是jsBridge插件实现调用、传参、回调的安卓是在window挂载方法和挂载回调的IOS实现方案调用原生方法封装如下functionsetupWebViewJavascriptBridge
Sherry_瑞雪·2020-08-24 14:17

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

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

H5与Native交互之JSBridge技术

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

学习记录-微信小程序

开发者工具下载6.开发者工具1)详情2)调试器7.官方开发文档8.小程序代码构成小程序配置文件介绍(.json)三、小程序框架与运行机制1.MINA框架1)视图层2)逻辑层(AppService)3)JSBridge2
正在路上的小白~~~·2020-08-22 18:18

理解微信小程序技术架构

接口调用等视图层与逻辑层通过数据和事件进行通信，逻辑层提供数据给视图层，视图层通过绑定/捕获事件发起交互让逻辑层处理视图使用WebView渲染，JS由JSCore(IOS)/X5(Android)/nwjs(DevTool)渲染解析JSBridge
bolelee·2020-08-22 02:26

Android原生方法和Web JS互相调用

之前使用JsBridge做过安卓和js交互，使用方法很简单，感兴趣的童鞋可以用一下传送门这篇主要记录一下原生安卓和js的交互，毕竟多数老项目还都是使用的这个方法。
缘尽&渺如梦·2020-08-21 04:21

浏览器页面启动手机上的app

html中其实是无法判断应用是否安装，除非在webview中通过jsbridge，这里通过一种方式达到此目的。
HsuanKeys·2020-08-21 04:16

前端面试每日 3+1 —— 第412天

[js]说说你对JSBridge的理解[软技能]对于网站的风格，你能说说在国内与国外的区别有哪些吗？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。
浪子神剑·2020-08-21 02:18

前端面试每日 3+1 —— 第412天

[js]说说你对JSBridge的理解[软技能]对于网站的风格，你能说说在国内与国外的区别有哪些吗？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。
浪子神剑·2020-08-21 02:35

Android : 混合开发整理指南

混合开发=Native+Web.另一篇博文：Kotlin与H5通信场景应用：例如:微信公众号通过JSSDK连接Native端和Web端微信小程序通过内置框架连接Native端和Web端混合开发的核心技术：JSBridge
搁浅...·2020-08-21 01:46

一篇文章了解Js Bridge

dsbridge.png什么是JSBridge在大多数APP开发过程中，都会通过H5来实现部分功能，而HybirdAPP基本90%以上都是H5。现在很少有纯原生的APP。
lazydu·2020-08-21 00:55

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他