E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
JsBridge
iOS Native与JS通信:
JSBridge
文章目录一、简介二、JS调用Native1.使用URLSchemea.UIWebViewb.WKWebView2.使用JavaScriptCore(iOS7+)3.使用WKWebView和WKScriptMessageHandler(iOS8+)三、Native调用JS1.使用UIWebView2.使用WKWebView3.使用JavaScriptCore(iOS7+)一、简介对于移动应用程序的开
ilycyq
·
2024-08-25 16:00
ios
javascript
开发语言
cocoa
objective-c
xcode
前端
从白屏问题重学模块机制
背景公司App使用的是跨平台技术H5+原生混合开发,双方通信的协议是
Jsbridge
。
·
2024-02-19 18:45
2023-年度总结bug模块化
pywebview 通过
JSBridge
调用本地 python程序
pipinstallpywebview;通过
JSBridge
调用本地python程序show_pywebview.py#-*-coding:utf-8-*-"""pywebview和html交互的例子"
belldeep
·
2024-02-08 07:16
python
javascript
python
javascript
JSBridge
webview
html2canvas移动端使用问题及解决
1、
jsbridge
重复调用问题现象:与移动端进行通信,通过标签里的
jsbridge
.js来调用端上的接口,在调用接口之后,调用html2canvas来生成图片,发现刚才调用的接口又被调用了一次解决方案一
昨夜小楼东风
·
2024-02-04 13:38
前端
html5
前端
html
html2
2024 高级前端面试题之 移动端多端开发 「精选篇」
移动端多端开发精选篇1.移动端适配2.移动端300ms延迟3.如何解决移动端Retina屏1px像素问题4.如何解决移动端击穿(穿透)问题5.移动端的兼容问题6.
JSBridge
原理是什么?
八了个戒
·
2024-02-02 22:25
前端面试
面试宝典
CSS
系列
前端
移动端开发
html
css
面试
多端适配
android与js的交互之
jsbridge
使用
众所周知,app的一些功能可能会使用到H5开发,这就难免会遇到java与js的相互调用,android利用WebViewJavascriptBridge实现js和java的交互,这里介绍下
JsBridge
程序猿tx
·
2024-02-02 08:47
前端与native交互
1.
JSBridge
介绍
JSBridge
简单来讲,主要是给JavaScript提供调用Native功能的接口,让混合开发中的『前端部分』可以方便地使用地址位置、摄像头甚至支付等Native功能。
没有色彩的Lily
·
2024-02-01 19:49
Android与Js交互之
JSBridge
的使用
什么是JsBridgeJsBridge是js与Native之间进行通信的桥梁。为什么要使用JsBridgeAndroid4.2以下的addJavascriptInterface存在安全漏洞,虽然在Android4.2之后用@JavascriptInterface代替了addJavascriptInterface但是由于兼容性和安全性问题,基本上我们不会再利用Android系统为我们提供的addJa
itfitness
·
2024-01-23 21:42
JSBridge
的原理及使用
-
JSBridge
的起源-PhoneGap(Codova的前身)作为Hybrid鼻祖框架,是一个开源的移动开发框架,允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台的HybirdWebUI
Gavin-Wang
·
2024-01-03 10:58
bridge模式
关于安卓
jsbridge
的使用
目前我所接触到的,JS与原生的交互有两种方式,第一种是通过注入方法的形式,第二种是拦截url的形式;
JSBridge
是JS和Native之间的一种通信方式,也就是定义Native和JS的通信,其中Native
水很清
·
2024-01-03 10:57
前端
javascript
交互
安卓
webview
使用
jsBridge
实现H5与原生App交互
+MacOSX/);//ios终端window.
jsbridge
=function(callback){if(windo
geekzhangzhenan
·
2024-01-03 10:26
javascript
开发语言
ecmascript
JSBridge
实现Android和H5交互
JSBridge
实现Android和H5交互前言添加
JSBridge
库代码实现AndroidManifest.xmlactivity_main.xmljavascript.htmlMainActivity.java
Jason_Flash
·
2024-01-03 10:16
#
Android开发
android
使用
JSBridge
框架来实现Android与H5(JS)交互
1.首先我们来了解一下什么是
JSBridge
?
ErwinNakajima
·
2024-01-03 10:41
android
html5
javascript
鸿蒙开发4.0-ArkTS与H5的交互
ArkTS侧与H5的交互首先在开发H5页面(输入框和金额选择部分)前需要实现
JSBridge
桥接打通两侧的交互。
Android每日一讲
·
2023-12-23 05:30
鸿蒙开发
harmonyos
华为
程序员
移动开发
鸿蒙开发
南北向开发
鸿蒙系统
Android-推荐一个与H5交互的库(
JsBridge
)
虽然很多框架都支持,但是我们前端大佬指定要使用
JsBridge
来进行交互。
阿博聊编程
·
2023-12-18 06:54
面试官:
JSBridge
是什么?
133期1.
JSBridge
是什么?2.前端开发中,有哪些跨端开发方案?3.给定二叉树中的2个节点,请查找最近的公共节点?132期问题及答案1.vite为什么比webpack快?
伊泽瑞尔灬
·
2023-12-04 17:14
134. 面试官:JS中this指向混乱的原因是什么?如何解决?
133期问题及答案1.
JSBridge
是什么?
JSBridge
(JavaScriptBridge)是一种用于在JavaScript和原生代码之间进行通信的技术。
伊泽瑞尔灬
·
2023-12-04 17:14
javascript
开发语言
ecmascript
前端
JS和Android互调(调用相机拍照)
Android用的是
jsbridge
.BridgeWebView。
xiaoshihd
·
2023-11-29 14:48
Android
Android&H5-js通过
jsbridge
调用安卓相机/相册/通讯录
Android端处理在build.gradle引入(moudule:app)dependencies{compile'com.github.lzyzsd:
jsbridge
:1.0.4'}在build.gradle
大彪丶
·
2023-11-29 14:14
android
前端
android
vue
js
APP混合开发技术简单介绍
如果需要原生功能就通过添加
JSBridge
供javascript调用。具有开发效率高、跨平台使用、上手难度
Hoody_66d5
·
2023-11-27 22:08
移动端开发之
JSBridge
这个时候就用到了
JSBridge
。
JSBridge
是连接Native(客户端)和JavaScript前端的桥梁,通过
JSBridge
两端的代码才可以通信。
_咻咻咻咻咻
·
2023-11-27 13:12
在 HarmonyOS 上实现 ArkTS 与 H5 的交互
以“获取通讯录”为示例分步讲解
JSBridge
桥接的实现。相关概念Web组件:提供具有网页显示能力的Web组件。@ohos.web.webview:提供web控制能力。
HarmonyOS开发者
·
2023-11-14 09:14
交互
华为
HarmonyOS
JS如何调用客户端方法 JS Bridge Hybrid
JsBridge
原理Hybrid最核心的就是Navite和H5的双向通讯,而通讯是完全依赖于native提供的webview容器,那native提供的这个webview容器有什么特点能支撑起h5和native
高级甩锅工程师
·
2023-11-09 12:57
前端
javascript
开发语言
ecmascript
App内嵌H5页面数据如何交互?
背景:web和native之间交互,需要一个连接的桥梁桥梁一:DSBridge桥梁二:WebViewJavaScriptBridge----简称【
JSBridge
】具体要用哪个桥梁看项目技术选型,优胜略汰自己可以去对比这两种桥梁的差异
像鱼_真好听
·
2023-11-03 04:20
同时开发Android和ios应用,使用WebView同时开发Android和IOS应用-Go语言中文社区
JSBridgeDemo使用WebView,Android(
JsBridge
),IOS(WebViewJavascriptBridge)开发同时开发Android和IOS版本App应用Html/Javascript
韶颜girl
·
2023-11-03 01:11
移动开发技术
;主要缺点:平台特定,开发成本高;不同平台必须维护不同代码,人力成本随之变大;内容固定,动态化弱,大多数情况下,有新功能更新时只能发版;跨平台技术Hybird技术--H5+原生混合开发WebView+
JsBridge
KtYY
·
2023-10-29 21:16
JsBridge
替换腾讯x5内核,选择图库内照片并显示到html
准备工作1、下载JsBridgedemo拷贝library/src/main/java/com/github/lzyzsd/
jsbridge
下源码到自己的项目中拷贝library/src/main/assets
channelRead0
·
2023-10-28 13:06
JsBridge
源码分析
二、开源
JsBridge
项目地址:https://github.com/ytuglt/
JsBridge
通信的数据结构publicclassMessage{privateStringcallbackId;
白六小子
·
2023-10-27 13:53
gulp自动化构建修改html文件的script标签引用
JavaScript脚本改名为(xxx.min.js),同时需要修改html文件的script标签引用:查阅资料:发现gulp-cheerio是可以操作DOM树的解决方案:在gulp管道里直接可以获取$('
jsBridge
你的谎言
·
2023-10-27 00:56
html
gulp
自动化
bridge.registerHandler调用不生效
JsBridge
地址JsBridgebridge.registerHandler调用不生效,需要先bridge.init,再使用bridge.registerHandler在app.vue文件夹里mounted
静小谢
·
2023-10-24 16:08
javascript
前端
vue中使用
JSbridge
与APP端进行交互
app与h5混合开发h5需要调原生的方法实现具体功能1.新建
JSbridge
.js文件//用于和APP的原生方法交互(在H5的项目中主要调用isapp的方法判定是否在APP中来判断是否显示导航栏)letisAndroid
IF_123
·
2023-10-20 10:19
ionic+vue+capacitor系列笔记--capacitor3.X和2.X+android自定义capacitor的
JSbridge
插件注册与使用(不同版本注册方式不同,返回值格式也不同,使用
经过我的多番折腾,终于搞明白了这个东西的用法,不同版本的注册方法,使用方法都不一样,现在把这个折腾的结果记录下来,造福大家~首先编写一个类,然后注册,注意,这个和2.x不一样,2.x的时候我们会使用init的方式去注册先看2.X的Capacitor编写一个方法,然后进行注册,注意查看2.X编写方法的代码哦~~importcom.getcapacitor.JSObject;importcom.get
tangdou369098655
·
2023-10-14 11:54
移动端开发
vue.js
android
前端
原生与js的交互--
jsbridge
建立一个
jsbridge
.jsconstutils={setupWebViewJavascriptBridge:(callback)=>{varsysPlatform;varua=navigator.userAgent.toLowerCase
邓波home
·
2023-10-13 11:35
web前端
H5和Native交互原理
前言Hybrid架构的核心就是
JSBridge
交互,而实现这个交互的前提是弄清楚H5和Native端的交互本文主要介绍Native端(Android/iOS)和H5端(泛指前端)的交互原理Native与
指尖跳动
·
2023-10-11 09:37
flutter开发实战-inappwebview实现flutter与Javascript的交互
JSBridge
flutter开发实战-inappwebview实现flutter与Javascript的交互
JSBridge
在使用webview中,需要实现flutter与Javascript交互,在使用webview_flutter
BruceGwo
·
2023-10-08 17:26
移动开发
flutter开发实战
flutter
flutter
javascript
交互
inappwebview
HTML5
JSBridge
webview
jsbridge
实战2:Swift和h5的
jsbridge
通信
[[toc]]demo1:文本通信h5->app思路:h5全局属性上挂一个变量app接收这个变量的内容关键API:navigation代理+navigationAction.request.url?.absoluteString//这个变量挂载在request的url上,在浏览器实际无法运行,因此不会影响到页面本身window.location.href="test://hellowolrd"//
snowDreamzzz
·
2023-10-05 00:13
前端工程化
swift
开发语言
ios
jsbridge
实战1:xcode swift 构建iOS app
[[toc]]环境安装macOs:10.15.5xcode:11.6demo:app创建helloworldiOSapp创建工程步骤选择:CreateanewXcodeproject选择:iOS->singleViewApp填写:projectname:swift-app-helloidentifer:smile包名language:swiftuserinterface:swiftUI工具栏:点击
snowDreamzzz
·
2023-10-04 18:59
前端工程化
ios
xcode
swift
实例教程 - 使用 NativeScript 和 Angular2 构建跨平台 APP
同时利用
JSBridge
,又能获取原生的API,从而使web应用具有了原生应用的功能。Cordova+IONIC可以说是这个潮流的代表,也是跨平台APP的先锋。然而这类跨平台应用的缺点是不
斷弦泉月
·
2023-10-04 04:29
给奶牛做直播之四
一、前言给奶牛做直播之三我们讲了怎么搭建RTMP直播服务器,前几天在折腾Android直播推拉流一直没个结果,顺手整理了一下Android如何加载SO动态库,本想顺着这条路把JNI、NDK、
JSBridge
程序员青菜学厨艺
·
2023-10-02 03:26
杂项
音视频
小程序开发架构及原理
小程序开发架构及原理小程序宿主环境差异iOSJavaScriptCoreWKWebView渲染androidX5内核IDE微信开发者工具nwjschrome和nodejs渲染MINA框架View(视图层):Page(WXMLWXSS)
JSBridge
OrangesChen
·
2023-09-27 08:37
WebViewJavascriptBridge实现原理
WebViewJavascriptBridge的功能不多做介绍,有兴趣的小伙伴可以搜一下使用示例iOS端使用如下letbridge=WKWebViewJavascriptBridge(for:webView)//原生调用
jsbridge
.callHandler
亲爱的八路
·
2023-09-22 22:44
h5-(安卓和ios)之间的传值
1.创建一个文件:
JSBridge
.js复制以下代码即可:constisAndroid=navigator.userAgent.indexOf('Android')>-1||navigator.userAgent.indexOf
雾恋
·
2023-09-19 14:27
javascript
html5
前端
Jsbridge
实现Android与js交互
但是由于原始的Android与js交互存在很多安全性问题,今天给大家介绍一个第三方的库
JsBridge
在Android与js交互的使用。
奔跑的佩恩
·
2023-09-18 18:27
前端也能获取电池信息,5分钟带你了解奇奇怪怪的知识点
小册这是我整理的学习资料,非常系统和完善,欢迎一起学习现代JavaScript高级小册深入浅出Dart现代TypeScript高级小册linwu的算法笔记引言前端其实也能获取电池信息,以往都是通过客户端提供的
JSBridge
·
2023-09-18 16:40
flutter可以开发HTML5,Flutter建立
JsBridge
用于webview与h5通信
项目背景随着项目的不断完善,需要做一些运营活动,通常是H5页面,在app中打开这些H5页面就需要引入WebView,有时候H5需要客户端提供一些内部的接口,这时候我们就需要建立
JSBridge
用于客户端与
嗨敏
·
2023-09-15 06:53
iOS
JSBridge
技术手段衍化整理
背景之前一段时间在对项目里的
JSBridge
进行整理和优化,突然想到想整理一下
JSBridge
在iOS系统版本衍化过程中所出现过的主要技术手段。绝大多数APP都逃不开H5开发或加载网页的需求。
Eve郑思越
·
2023-09-12 04:26
iOS-DSBridge原理浅析
runJavaScriptTextInputPanelWithPrompt原生定义接口类,统一管理api,方法名和参数与前端约定好的当前端调用原生时,遍历这个类里的方法,寻找对应方法名并执行这里相对于
JSBridge
朱莉^_^JuneLee
·
2023-09-05 05:10
ios
swift
开发语言
Android三方库
jsbridge
和HTML交互
1.这个三方库用例也很多,使用方式也很简单,先看一下git网址git传送门:https://github.com/lzyzsd/
JsBridge
2.使用方式,直接依赖compile'com.github.lzyzsd
jiangbin1992
·
2023-09-01 23:24
pywebview 通过
JSBridge
调用 TTS
pipinstallpywin32;pipinstallpywebview;通过
JSBridge
调用本机TTSpipinstallcefpython3cefpython3-66.1-py2.py3-none-win_amd64
belldeep
·
2023-08-27 14:01
python
python
pywebview
cef
tts
JSBridge
(Android和IOS平台)的设计和实现
前言对于商务类的app,随着app注册使用人数递增,app的运营者们就会逐渐考虑在应用中开展一些推广活动。大多数活动具备时效性强、运营时间短的特征,一般产品们和运营者们都是通过wap页面快速投放到产品的活动模块。Wap页面可以声文并茂地介绍活动,但活动的最终目标是通过获取特权、跳转进入本地功能模块,最后达成交易。如何建立wap页面和本地Native页面的深度交互,这就需要用到本文介绍的JSBrid
蔡振辉
·
2023-08-26 03:12
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他