文章目录整理说明HBuilder介绍打包方法问题解决参考 整理说明本文介绍了基于HBuilderX,将自主开发的H5网站，使用云打包app的方法，以及打包app过程中，遇到的问题和解决方法。在HBuilderX中开发的应用，或者第三方的h5应用，可以创建项目，提交到云端打包生成apk（Android平台）和ipa（iOS平台）。如果本地配置好对应的原生开发环境，也可以使用本地打包。HBuilde
转载
2023-10-13 21:36:38
201阅读
H5与App之间的一些简单交互(H5主动调用app的方法)第一种方法，H5这边只需要调用window里面app注册好的方法，就可以function getAppMethods(anz, ios, data = null) {
// 判断用户为 iOS 还是 Android (device)
let u = navigator.userAgent
let isAndroid = u.
转载
2023-07-09 23:58:00
120阅读
前面参加一个公司的活动，做了一份收银机系统的作业，当时时间紧，花费一天时间用Swing界面做的，比较简单。代码在GitHub：https://github.com/yefengzhichen/twTask。最近正好学习了Spring，以及了解了Html和JSP，于是就将此作业改写成了Spring、Spring MVC、Hibernate、Html和JSP结合的版本。一、需求简介 商店的
HBuilder打包HBuilder打包 是将前端开发的HTML/CSS/JS文件进行打包,打包成可以直接安装在手机上面的App,不借助浏览器就可以直接运行1. 使用webpack将项目进行打包,打包好的文件会在dist目录
webpack -p
2. 打开Hbuilder,新建移动App项目,然后删掉css/js/imgs文件夹和index.html文件
3. 将使用webpack打包的di
转载
2023-09-25 14:05:55
110阅读
背景：开发PC页面的时候使用chrome浏览器的开发者工具，可以很容易的捕获到页面的dom元素，并且可以修改样式，方便调试；但是手机上却很麻烦，因为手机上没有办法直接打开开发者工具查看元素。其实可以通过将设备连接到PC，使用PC的开发者工具检测。1.安卓手机调试工具chrome DevTools调试步骤a、需要满足安卓系统版本为Android 4.4以上，并且需要再你的APP内配置相应的代码，在W
转载
2023-07-17 18:15:24
353阅读
1.登录 1.1、H5与native各个客户端都做了互通，所以测试的时候要注意两点: A：若客户端已登录，那么进入H5后仍然处于登录状态 B：若客户端未登录，进入H5，点击对应按钮OR链接，需要登录，则拉起native登录；若取
转载
2023-07-27 19:14:18
85阅读
之前的文章（）里面描述了HTML5 离线数据存储的Web SQL，一个基于SQLite 的离线数据库，不过W3C 的 WebDatabase 规范中说这份规范不再维护了，取而代之的是IndexDB，一个NoSQL类型的数据库。 Html5Rocks把他们的优缺点做了比对,IndexDB综合看来有如下优点：允许快速索引和搜索的对象，所以在HTML5 的 web
转载
2023-12-25 19:51:59
91阅读
H5页面&小程序如何实现emoji表情？emoji表情都非常熟悉了，比如微信的会话窗口可以发表情。 但是仔细看有一个重要的发现，比如朋友给你发一个emoji表情，在聊天会话列表页查看最近消息，会发现有点不同，体现在如下：列表页看到的就是一个表情，比如大笑?的表情。列表页看到的是一个文字，比如[发呆]，[懵逼]前者就是默认emoji表情了，后者则是自定义表情。显然你拿着微信的[懵逼]在微博上
转载
2024-03-26 11:36:11
413阅读
手机端调试h5页面利器插件现在越来越多的手机app或者公众号，里边大量的使用h5页面，而在手机端没法像pc谷歌浏览器那样调试页面，有些时候只能不断的进行alert，麻烦不说，有的时候还找不到问题所在。今天给大家介绍在手机端调试的一个插件，能够打开控制台看输出信息。 1、首先介绍一下eruda插件(1) 按钮拖拽，面板透明度大小设置。(2)Console面板：捕获Console日志，支持log、er
转载
2023-12-01 15:27:45
142阅读
# iOS H5测试工具实现流程
## 引言
在iOS开发过程中，经常需要对H5页面进行测试。为了方便测试人员进行测试，我们可以开发一个iOS H5测试工具。这个工具可以在iOS设备上加载H5页面，并提供一些常用的测试功能，比如查看页面源码、检查元素等。本文将详细介绍如何实现这个iOS H5测试工具，从整体流程到具体代码实现，帮助刚入行的开发者快速上手。
## 整体流程
下面是实现iOS H5
原创
2023-09-18 03:53:28
165阅读
H5开发工具推荐1.易企秀首先解释下易企秀的功能。它是一款针对移动互联网营销的手机网页DIY制作工具。优点：1. 就算你对编程技术一窍不通，你只要通过易企秀，就能够简单轻松制作基于H5的精美手机幻灯片页面。2. 拥有海量的图片、文字、音乐、视频、链接等功能，此外还提供涂抹、指纹、图集等特效功能，可以做出功能多样的微场景。不足：图片在图片框里不能拖拽，特效比较少，滑屏样式比较单一，只有四种。http
原创
2017-05-05 10:44:45
494阅读
点赞
H5开发工具推荐1.易企秀首先解释下易企秀的功能。它是一款针对移动互联网营销的手机网页DIY制作工具。优点：1. 就算你对编程技术一窍不通，你只要通过易企秀，就能够简单轻松制作基于H5的精美手机幻灯片页面。2. 拥有海量的图片、文字、音乐、视频、链接等功能，此外还提供涂抹、指纹、图集等特效功能，可以做出功能多样的微场景。不足：图片在图片框里不能拖拽，特效比较少，滑屏样式比较单一，只有四种。http
翻译
2017-05-11 09:30:49
1620阅读
知识点一：H5拖拽1、设置元素为可拖放首先，为了使元素可拖动，把draggable属性设置为true：2、拖动什么 ondragstart和setData()然后，规定当元素被拖动时，ondragstart属性调用了一个函数，start(event)，它规定了被拖动的数据。在所有的拖放事件中都提供了一个数据传输对象dataTransfer，主要是用于在源对象和目标对象之间传递数据。se
转载
2023-06-30 12:29:22
341阅读
最近，一个项目上使用到一些数据，这些数据必须要从本地导入，因此提供了相关的服务端上传接口，然鹅我是一个纯纯的后端，前端的各种框架都不太会使，并且我认为这样的小项目使用一个前端框架反而不好，比如LayUi，虽然很简单就可以引入，但是有时候我需要做些特殊操作，修改人家源码的底层方法还是不太方便，因一顿google后实现了纯H5+JS实现的方法，连ajax都使用的原生；记录一下：一、单文件上传<!
转载
2023-12-27 14:18:45
154阅读
H5里面的App Cache是由开发Web页面的开发者控制的，而不是由Native去控制的，但是Native里面的WebView也需要我们做一下设置才能支持H5的这个特性。1.工作原理写Web页面代码时，指定manifest属性即可让页面使用App Cache。通常html页面代码会这么写：<html manifest="xxx.appcache">
</html>xxx.
转载
2024-03-16 00:34:14
79阅读
最近在开发项目遇到一个office文档和PDF文档预览的需求，并且需要控制用户是否可以下载文件和拷贝文档中的文字。
H5office
h5office 官网文档地址，需要进去申请自己的appid。免费的查看最终实现的效果很简单的用法。<!-- 创建一个标签就可以了 -->
<div id="office"></div>
<button id="open"&
转载
2024-04-11 10:53:57
137阅读
从「前端开发」的视角来看，微信小程序和H5也存在着多方面的不同。概括来说有以下四个方面的区别。一、运行环境的不同 H5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，因为小程序的开发过程中只用到一部分H5技术。 小程序的运行环境是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对性做了优化，配合自己定义的开发语言标准，提升了小程序的性能。 官方文档表明脚本内无
转载
2024-05-27 20:47:43
123阅读
# 实现Android打开H5和关闭H5页面的教程
## 概述
在移动应用开发中，Android应用常常需要在原生应用中打开H5页面并在需要的时候关闭这些页面。本教程将教你如何在Android应用中实现打开和关闭H5页面的功能。
## 教程步骤
下面是整个流程的步骤表格：
| 步骤 | 操作 |
| ---- | ---- |
| 步骤一 | 在Android项目中添加Webview组件
原创
2024-03-26 06:22:06
706阅读
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的w
pxpx像素（pixel）：相对长度单位。相对于显示器屏幕分辨率而言。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常无力，所以就要考虑em和rem。em 相对于父节点的font-size，会有一些组合的问题。比如你把body的font-size定义为50%，一般地会是8px。那么你在body里字体大小就是1em=8px了。可当你定义
转载
2024-04-29 10:15:47
87阅读
