在一些app场景中，经常看到app里面嵌套H5页面， 安卓和ios提供一个空壳子，方法两者互相调用。上一周就是写H5页面让安卓和ios调用使用，中间传参，接受参数。通过 window.wx 对象调用一些原生 app 的功能。这个H5页面，我用的是vue来写的。用到了vue全家桶。
平常开发很常见的功能，在移动端需要根据javaScript来判断手机是安卓还是ios进行应用市场跳转。
问题：兼容性差距，由于@change触发方式不同，导致时间加载不够统一，时间触发出现问题。
我查了很多资料，逛了很多论坛，最终在Github上找到了一个名为“NativeShure”的JS插件，据说对浏览器的兼容性不错，于是便开始折腾！
写在前面 很久没更新了，真的是没时间，周末要做兼职，工作日要加班赶项目，筋疲力尽了，今天稍微好点，更新一下吧，最近用的一些东西！ 问题描述 我们开发一款软件，其中涉及到一些支付的问题，这边担心IOS的App无法通过AppleStore的审核，所以中间支付的模块使用H5进行内嵌，也就是直接使用webview进行调起H5完成对应的功能， 代码 /** * @FUNCTION memberRecharge * @params NaviType是否需要显示导航栏 1 不显示 2 显示 3 会员充值（
在开发过程中遇到了需要在安卓中调用js方法的需求，于是将具体的实现过程总结成这篇博客。
其实应该更多的是互相的磨合与学习，希望身边的人可以有自己的经验分享，与理解，互相进步才是大家需要的，作为一个 "年老" (我也是90后) 的开发者，我觉得一代胜一代，未来才有胜算。额，好了，我不充当老师的角色了，去正题。
微信内网页不可使用 local/sessionStorage 储存，因为它只是一个 webview 组件，并不是一个浏览器。 但是我们可以使用 cookie 储存的方式
原理说明 辅助原理： 用adb获取手机截图并拉取到项目中 对图片进行二值化 根据棋子的RGB值获取当前位置 通过adb模拟屏幕点击 文末有推荐选择 开源列表 Prinsphield/Wechat_AutoJump 链接：Prinsphield/Wechat_AutoJump 说明：一个优秀的python项目；作者利用Opencv实现了图片的特征识别，并且在代码中实现了，根据调用命令区分安卓还是IOS，并进行相应的处理，根据项目代码分析，作者解析了跳一跳大部分的盒子图片，并利用到了游戏中的特定盒子加分的
在 iOS Safari （其他浏览器和 Android 均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如：
公司APP的文章详情，之前是将所有的HTML内容全部从接口中返回，然后APP的webview将其载入到内中，然后渲染并展示出来。
为了提高开发效率，开发人员往往会使用原生app里面嵌套前端h5页面的快速开发方式，这就要涉及到h5和原生的相互调用，互相传递数据，接下来就实践项目中的交互方式做一个简单的记录分享，废话不多说，直接上正文：
我们都知道在Android中是通过webView来加载html页面的，根据HTML文件所在的位置不同写法也不同：
问题：然后利用new Date() 转换时间戳时，使用微信开发工具、安卓都没问题，ios中无法展示并报错 “invalid date”。
IOS设备在需要对时间戳进行判断的时候，如果不是使用的/则会出现问题，所以需要进行格式转换
JS判断当前设备是 PC IOS Andriod <script > window.onload = function(){ var isPc = IsPC(); var isAndroid = is_android(); if (isPc){ //pc location.href = url; }else{ if (isAndroid){
1、H5页面调用安卓Native界面 1）通过给webView添加JsInterface,安卓提供接口，让H5来进行调用 a)安卓写一个类，里面的方法需要用通过注解来表明是java接口的方法。
功能需求：H5页面（vue）和移动端安卓、苹果进行交互，调取原生摄像头或相册上传照片；
星期2是公众号更新的一个时间点，Shawn这几天情事太多，眼看就快要过12点了，公众号教程看来今天黄呀！但是不发晚上睡不着呀，看来我是中了得到罗胖的毒“死磕自己”，一定要把公众号给发了。还好之前留着大神Colin的一些文章，还没在公众号上推送过，我立马读了一下，任然有不少收获，现将这篇文章分享给大家，在此感谢Colin！
最近一段时间公司要做一个小程序项目，还要支持，微信小程序，头条小程序，百度小程序。一套代码，实现三个平台。当时接到这个任务，就不知道怎么去下手，一套代码，分别要发布三个平台，赶紧就去上网了解这些东西，查看了，uni-app，taro,Chameleon这三个库，然后把每个都运行了一次，看一下文档。当我运行完Chameleon 这个项目的时候，直接就放弃这个了，滴滴公司开发的，一套代码，多端使用。主要是刚刚发布没有多久，官方实例太少，坑特别特别多。文档不全面，简直就是羊入虎口，但是，看介绍不错，直接可以调用安卓和ios开发，支持热更新，项目集成app了Sdk。渲染能力还是比较强。对于taro这个多端框架，相比较Chameleon好一些，语法是基于react和小程序结合的，也有自己的一套ul框架。在物料市场，也有很多很多插件供参考使用，社区活跃度还可以的。最后说说uni-app，也是在项目中选择使用了uni-app,真是的以进入uni-app这个框架，就相等与调入虎口一样，踩不完的坑，写不完的bug，但是主要这个语法简单，基于vue，可以说会vue和小程序，就很容易上手，直接可以开发项目，
查看安卓debug，报错，可能有箭头函数语法错误，或者其他语法问题，那可能是ES6语法问题。
我司的APP是一个典型的混合开发APP，内嵌的都是前端页面，前端页面要做到和原生的效果相似，就避免不了调用一些原生的方法，jsBridge就是js和原生通信的桥梁，本文不讲概念性的东西，而是通过分析一下我司项目中的jsBridge源码，来从前端角度大概了解一下它是怎么实现的。
公元 2021 年 6 月 2 日，【 HarmonyOS2.0 】正式发布，以 JavaScript 作为 IoT 应用开发的架构语言，这是继 SpaceX 上天之后 JavaScript 再一次成为开发领域的热点话题。今天我就来和大家分享下 HarmonyOS 以及 HarmonyOS 中的 JavaScript GUI 技术栈。
随着移动技术的快速迭代，数据流量费用的快速下降，视频、直播正成为全民的媒体盛宴，我司必然也不会缺席此次盛宴，这里讲述的是通过h5实现仿抖音视频全屏播放&滑动切换的效果,供我司直播鉴定回放视频使用。
js判断客户端是否是IOS或者是Android //如果返回true 则说明是Android function is_weixin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; } } j
一个项目，移动端APP演示版。因为是演示版，所以没有任何功能。我用html+css3+jquery开发完成。为了代码共用、减少入口、实现loading效果等原因，我采用了大量的ajax效果。不装逼了，其实就是load异步加载-_-
对于Flutter开发,使用webView显示h5页面也是非常常见的，网上也有很多相关帖子，刚好最近接触了，这里对此做个总结。主要介绍下目前Flutter常用的webView使用，以及与js的交互。
微信小程序蓝牙连接2.0说明： 1、本版本区分了ANDROID和IOS系统下蓝牙连接的不同方式。 2、兼容了更多情况下的链接包括： （1）未开启设备蓝牙，当监听到开启了蓝牙后自动开始连接。 （2）初始化蓝牙失败后每3000ms自动重新初始化蓝牙适配器。 （3）安卓端开启蓝牙适配器扫描失败，每3000ms自动重新开启。 （4）IOS端获取已连接蓝牙设备为空，每3000ms自动重新获取。 （5）安卓端蓝牙开始链接后中断扫描，连接失败了，重新开始扫描。 （6）IOS端开始连接设备后，停止获取已连接设备，连接失败
Hybrid App 是半原生半 web 的开发模式，部分界面或者功能是原生的，其余部分是 html 和 js 来完成，最终 webview 加载 H5 页面；入职百度后第一个做的成型的产品是 Hybrid App，在开发过程中研究了 H5 与 NA 通信机制，特对通信机制进行介绍。
非常需要注意的是关于安卓端 在assets文件夹里注入的js桥梁文件 一定不要有注释 或者是压缩成一行代码才能注入成功
车机，通俗理解就是车内的那块大屏。在看各种paper、文档的时候你会发现有各种叫法。IVI、AVN、HMI、HU等等，不要疑惑，指的都是同一个东西。
《各种红包 App 最后都会整合游戏！App+游戏的变现模式分析》一文让晓衡有幸结识到了一位技术大佬「梦近在咫尺」，有时候真的是心想事成！大佬在第2天就写下了这篇文章手把手教大家开发 SDK，将会有更多的民间 SDK 崛起！
面对着产品同学不断的询问：为什么 h5 的体验这么差？为什么不能和 app 的播放体验保持一致？我们对着 h5 不明确的文档和不同浏览器的怪异表现欲哭无泪。
本文来自“小时光茶社（Tech Teahouse）”公众号 作者简介： 文赫，2015年加入腾讯，作为前端开发工程师参与过手Q游戏公会，游戏中心，企鹅电竞等项目，具有丰富的移动端开发和直播开发经验。 导语 企鹅电竞项目，直播和视频播放是其中的核心。面对着产品同学不断的询问：为什么h5的体验这么差？为什么不能和app的播放体验保持一致？我们对着h5不明确的文档和不同浏览器的怪异表现欲哭无泪。 经过一系列的调研爬坑，斩荆披棘，我们一步步提升了体验，做到了和app基本一致的体验。在摸索优化背后，我们也想把这些问题
由于使用到的 CI/CD 工具可能会更换，对应的学习成本也相应增加，但是 Node.js 其实可以帮助我们实现这些工具的大部分功能，包括操作文件、执行 cmd 等等。 所以我们如果把大部分的打包或集成操作使用 Node.js 去实现，那么无论工具如何更换，我们只需学习如何使用该工具执行 npm 即可，从而大大降低迁移与学习成本。 当然这只是我最近迁移时的一些解决方案与想法，如果有大佬指教一些其他的方式，那自然是更好啦哈哈哈～
2、区分app和手机端网页 手机app：是那些可以在手机的应用商店下载安装的软件，如微信、QQ等 手机端网页：是浏览器打开的网页，如www.taobao.com。（大部分写网页）。
作为一个 UI工程师，接过很多类似的项目，也曾写过滑屏的插件，在经历了不同的需求的“洗礼”并踩过若干个坑之后，不禁反问自己...
开篇 笔者刚刚结束淘宝的工作，现在加入了一家有青春活力的垂直电商公司，正对着阿里巴巴的西溪园区，最近一直在熟悉新的工作环境和规范，因此博客有好些时间没有更新了，在此抱歉！ 在忙碌完公司的发布系统之后，逐渐接触到具体的业务。在这里主要介绍下关于css3草案的position：sticky属性的兼容。 问题 目前前端的h5有个需求，就是“当页面上的若干个标题被拖动到视口的顶部时，则显示一个被定位到视口的顶部的tab标签，可对这个tab标签进行点击导航，并在某个特殊的情况下隐藏”。最简单粗暴的做法就是针对doc
在 9 月 10 日召开的华为开发者大会上，宣布了鸿蒙2.0 系统正式面世，同时开启了 Beta 版本的测试和开源网站。
前端爱好者的聚集地 背景 最近在做微信、QQ、微博中使用js唤起App，之前也做过类似的功能，不过比较粗糙，考虑的情况不太全，而且那已经是很久之前的事情了，很多技术都已过时，现在有体验更好，功能更加完善的唤起技术，之前的很多的方案，到了现在都已是不太必要了，现在通过这篇文章分享给大家一个全面的、最新的唤起方案，希望对大家有帮忙。 最终实现的效果 用户点击H5页面的打开App或者下载按钮（这个按钮可能在一个下载入口页、各种分享页面的吸顶或吸底的banner），如果用户已经安装了App，则根据业务跳转到相
webview是对rn开发的一个重要补充，由于性能原因，旧版自带的webview即将被移除。
滑屏的交互形式自从在 H5 中流行起来，便广泛应用在产品宣传、广告、招聘和活动运营等场景中，作为微信朋友圈广告惯用的形式，其影响力更是得到了强化与放大。如今滑屏H5可谓玲琅满目，数不尽数。 作为一个 UI工程师，接过很多类似的项目，也曾写过滑屏的插件，在经历了不同的需求的“洗礼”并踩过若干个坑之后，不禁反问自己：应该如何面对每一次类似的需求，在已有的经验下如何做到体验更好？如何节省工作量提高效率？面对性能优秀的 iOS 与性能良莠不齐的 Android 平台，又如何做到体验统一与性能最优？ 第一问：拖拽翻屏
音视频产品、即时通信都有默认把sdk运行的log输出到本地文件，腾讯云技术支持在帮忙定位问题时，需要这些运行log分析问题。默认输出文件的路径如下表格。可修改输出文件路径、可过滤日志等级、可关闭日志输出。
最近要分析web页面，在安卓和ios上的性能差异，除了操作系统本身不同之外，应该还多地方要探究的，第一步就是要在真机上分析。所以总结一下几个方法。
iOS js与webView交互。JavaScriptCore框架，具体的不多说。资料一大堆，说说一个很有趣的问题。
前司和现司都会存在这种业务场景：有很多 H5 页面是不相关的，如果使用 SPA 的话，对于很多落地页和活动页不太友好，有一些纯前端页面加载过慢，所以就萌生了创建一个多页面 MPA 的框架。
好，经过我们前面文章的编写，大家可以了解到微信小程序开发相关的知识，了解完了这个微信小程序开发和云开发之后，从这篇文章开始，我再来给大家写一下关于 Uniapp 的知识。
前段时间接触了下Auto.js（https://github.com/hyb1996/Auto.js），很好上手而且挺有意思，于是写了个微信红包监测脚本 大概思路是，不断获取手机屏幕截图，发现新消息则进入，如果进一步发现了红包，则点击红包并打开 由于Auto.js只能在安卓上安装，所以脚本同样仅适用于安卓 Auto.js简介 适用于安卓的脚本工具 一个主要由无障碍服务实现的，不需要Root权限的自动操作软件 可以实现自动点击、滑动、输入文字、打开应用等功能 更详细的介绍可以参考项目官方Github 下载链接
我手头使用的是一部华为Mate 20 pro手机，快三年时间了。作为一名数码爱好者，对于系统升级非常积极，每次收到系统更新通知，都会在第一时间升级。这次鸿蒙系统发布，有些迫不及待，还是内测版本就申请进行了升级。距离升级到鸿蒙系统2.0版本已经五天时间，我最大的感受是，没变化。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
