本文为cordova混合开发apk更新的系列文章的第一篇文章:H5部分的更新。混合应用的开发也已经火到了一定程度了,大家写h5的技术也到了炉火纯青的地步了。那么对于对原生了解比较少的小伙伴来说,apk的更新、发包可能还是一笔糊涂账。对于混合开发来讲,一般更新分为两种:h5部分的更新,原生外壳的更新。下面我们来讲一下基于插件的h5部分热更新的实现流程及注意事项。一、Cordova热更新的原理1、热更
转载
2024-03-15 08:08:53
122阅读
由于h5应用开发不是本例重点,因此直接提供一个最简单的h5应用代码,此应用使用vue-cli框架开发 此h5应用叫vue1,用webstrom打开vue1,进行npm install安装引用vue1代码可从百度网盘下载:链接: https://pan.baidu.com/s/1eSq71IU 密码: 1spk PS:此套代码npm install时会报错可以运行以下命令解决:n
转载
2023-07-29 18:39:13
67阅读
一:普通浏览器唤醒app//判断是否为微信浏览器
function isWeiXin() {
var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger" || ua.match(/_SQ_/i) == "_sq_") {
re
转载
2024-03-25 21:29:08
67阅读
一。mui简介。 MUI是一套前端框架,由DCLOUD公司研发而成,提供大量H5和js语言组成的组件,大大提高了开发效率,可以用于开发web端应用、web app等应用,中国比较流行的前端工具Hbuilder也是出自该公司 Hbuilder中集成mui。hbuilder提供了代码库提示功能非常强大 官方演示(http://dev.dcloud.net.cn/mui/snip
前面的话,试图解决结构与样式混杂的问题。1996年,W3C正式推出CSS1。1998年,推出CSS2。2001年从CSS3开始,CSS这门语言分割成多个独立的模块,每个模块独立分级,且只包含一小部分功能;2011年开始设计CSS4 本文将主要介绍引入CSS样式的方式,包括外部样式表、内部样式表和行间样式三种方式 [注意]CSS语法非常简单,但容易忽略的一点是不能省略分号(最后一个样式除外)&n
转载
2024-10-14 13:32:35
30阅读
前言H5声明和H5基本骨架,各种标签以及H5的新标签一、HTML5的DOCTYPE声明DOCTYPE是document type(文档类型)的缩写,是H5的声明,位于文档最前面,他是网页必备组成部分,避免浏览器的怪异模式。二、HTML5的基本骨架1.html标签包裹其它标签限定文档的开始和结束<html lang="en">表示当前网页语言为英文2.head标签定义文档的头部,包括文档
转载
2024-09-14 08:31:57
61阅读
非常早曾经写了一篇博客,总结cordova插件怎么调用到原生代码:cordova调用过程,只是写得太水。基本没有提到原理。近期加深了一点理解,又一次补充说明一下js调用native以下是我们产品中的代码片段:datePicker.show(options, function (date) {
var month = date.getMonth() + 1;
callback(nul
1.首先布置jdk环境,下载jdk(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)。我这里用的是1.8的2.windows+r打开命令窗口,输入java -version,出现如下图则说明安装成功。3.安装安卓环境,这个则是我的android-sdk-windows,链接: h
转载
2023-07-11 22:32:36
128阅读
最近在学习Vue,边做个小demo边学习。其中有一个小功能需要使用到拖放,顺便还学一下拖放。拖放是HTML5的标准,对着教程在普通的页面上很容易就实现了,但是vue中基本都是数据驱动,不推荐直接操作DOM。HTML5拖放可拖动首先,默认情况下,图像、链接和文本是可拖动的。而想让其他元素变为可拖动,需要设置draggable属性为true。<div draggable="true">&l
Chrome 扩展 H5 游戏结构检查器 GameInspect 支持 Laya, egret, cocosCreate, cocos2d-js1. 说明仿照 egret Inspect 制作的通用H5游戏列表查看器, 方便查看游戏结构, 修改属性,注入代码,查看shader,抓帧GitHub(部分代码)2.安装部分浏览器安装失败,可能是因为浏览器版本太低,升级浏览器版本2.1 下载到本地 gi
一、创建空白Cordova应用打开VS,选择【新建项目】,选择其它语言JavaScript或者TypeScript,语言的话就按个人喜好,喜欢JS就用JS,喜欢TS就用TS,推荐使用TS书写,代码结构和可读性相对更强。本文演示使用JS来书写,方便不会TS的用户阅读。创建完项目后,项目结构如下:www目录为我们本地应用程序目录,和一般静态网站类似。默认主页为index.html。脚本对应为scrip
1.首先我们来了解一下什么是JSBridge?在开发中,为了追求开发的效率以及移植的便利性,一些展示性强的页面我们会偏向于使用h5来完成,功能性强的页面我们会偏向于使用native来完成,而一旦使用了h5,为了在h5中尽可能的得到native的体验,我们native层需要暴露一些方法给js调用,比如,弹Toast提醒,弹Dialog,分享等等,有时候甚至把h5的网络请求放到native去完成。JS
转载
2024-04-23 21:38:24
166阅读
移动端H5相关内容总结1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的 meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">其它相关配置内容如下: width viewport 宽度(数值/device-width)height
因为这个app地嵌入h5做导航,所以需要调用android的交互进行获取定位信息和其他一些功能,做的效果是H5调Android打电话以及调用android手机相册选择图片,现在总结下: 一.打电话以及定位: 1.定义h5调用的名称:webView.addJavascriptInterface(new RailwayJavascriptInterface(), "xxx");2.定义对象,h5调用x
转载
2024-06-12 12:45:59
181阅读
最近这个困惑了很久,不断的有一些坑,目前还有疑问关于iOS唤起无效时会出现弹框的问题,这个最后再说1、首先可能需要判断当前浏览器的来源(目前开发的App还没有上架,所以针对腾讯出品的大家广为人知的微信和qq进行了特殊处理)function GetMobelType() {
var browser = {
ve
转载
2024-07-28 16:06:58
38阅读
1.需求与使用场景 打开一个新页面,要求能够加载本地zip格式的h5应用,该应用使用了某些原生能力;能够加载远程应用,该应用也使用了部分原生能力;能够在多个h5应用时同样适用;h5应用能够移植到其它场景,如web、第三方移动应用;h5应用无需复杂适配移动端,如android、iOS等;2.目的 让h5应用只专注于开发h5,涉及到原生功能,则交给原生应用去实现,通过c
由于h5应用开发不是本例重点,因此直接提供一个最简单的h5应用代码,此应用使用vue-cli框架开发 此h5应用叫vue1,用webstrom打开vue1,进行npm install安装引用vue1代码可从百度网盘下载:链接: https://pan.baidu.com/s/1eSq71IU 密码: 1spk PS:此套代码npm install时会报错可以运行以下命令解决:
转载
2024-04-25 22:48:20
49阅读
# iOS Cordova 加载H5页面白屏解决方案
## 一、流程概述
下面是解决iOS Cordova加载H5页面白屏问题的具体步骤:
```mermaid
pie
title iOS Cordova 加载H5页面白屏问题解决方案
"步骤一" : 25
"步骤二" : 25
"步骤三" : 25
"步骤四" : 25
```
```mermaid
原创
2024-06-30 04:54:24
49阅读
cordova 是hybrid开发app的一个框架,通过js桥接原生api实现了js调用原生的一些功能;本打算学习下阿里的weex;可是一直打包不了,加上之前也用过cordova,打算使用cordova尝试一下;整合上vue这种开发界面的利器是不是更加爽呢? 1.环境搭建 > cordova环境搭建  
转载
2024-09-10 20:59:54
30阅读
一. 允许网页宽度自动调整:
"自适应网页设计"到底是怎么做到的?其实并不难。
首先,在网页代码的头部,加入一行viewport元标签。
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)
转载
2024-08-02 16:11:26
114阅读