H5测试扫盲，小白必看！

末蓝、 2023-10-12 11:53 50阅读 0赞

对于刚刚接触H5测试的小伙伴来说，了解一些H5的基础知识是很有必要的，以免测完H5页面，还是一脸懵，出去面试的时候，面试官问最基础的问题比如什么是H5页面，都回答不上来。

抽空整理了一些H5的基础知识点，希望对大家有所启发。

## **一、什么是H5页面** ##

**H5指HTML5，是构建Web内容的一种语言描述方式。**现在大多数的手机APP页面都会使用H5页面实现，在PC和手机浏览器上都可以访问H5页面，H5可以应用在很多地方，例如微信公众号文章、APP活动页等等。

手机H5页面是指专门为移动设备（如智能手机和平板电脑）设计和优化的基于H5技术（HTML5、CSS3和JavaScript）的网页。它们是针对移动设备浏览器的网页，通过手机的浏览器访问和运行，而无需安装额外的应用程序。

## **二、H5页面的优势** ##

**1、 跨平台兼容性**

H5技术可以在各种移动设备和操作系统上运行，包括iOS、Android和Windows等。这使得开发者能够构建一次，运行到处，不需要为不同平台开发独立的应用程序。

**2、不需要安装**

与原生应用APP相比，H5应用程序不需要用户事先下载和安装，只需通过浏览器访问应用程序的URL即可使用，大大降低了用户获取应用的门槛。

**3、简化更新和维护**

H5应用程序，可以直接在服务器端进行应用程序的更新和维护，随时上新新版本，且无需用户手动更新应用程序。

**4、节约成本**

相对于原生应用程序的开发，H5应用程序的开发成本较低。由于H5技术是开放的、标准化的，并且可以重复使用代码，极大地减少了开发和维护的成本。

**5、简化分享和传播**

H5应用程序可以通过URL进行简单的分享和传播。用户只需将应用程序的链接分享给其他人，接收者可以通过点击链接即可打开应用程序，无需额外的下载和安装过程。

## **三、H5页面的技术实现** ##

手机H5页面是用HTML5、CSS3和JavaScript等技术来做的。

HTML5是用来构建网页结构的标记语言， 比如视频、音频和更好的表单功能 。

CSS3是用来控制网页样式和布局的，它可以让我们添加圆角边框、阴影、渐变以及动画效果，让页面看起来更酷炫。

JavaScript是一种脚本语言，可以为网页添加交互和动态功能。我们可以用它来验证表单输入、实现页面加载时的动画效果，还可以与服务器通信，获取和更新数据。

除了这些核心技术，我们还可以使用一些前端框架和工具，比如jQuery、Vue.js和React等，来简化开发流程、增加功能和提高开发效率。

**最后：**下方这份完整的软件测试视频教程已经整理上传完成，需要的朋友们可以自行领取**【保证100%免费】**

![7d4a32aca79045099aee747f5bcd0628.png][]

#### **整套资料获取** ####

![509173cee77d4b93a4b396b7b4cf5f0b.gif][]

[7d4a32aca79045099aee747f5bcd0628.png]: https://img-blog.csdnimg.cn/7d4a32aca79045099aee747f5bcd0628.png
[509173cee77d4b93a4b396b7b4cf5f0b.gif]: https://img-blog.csdnimg.cn/509173cee77d4b93a4b396b7b4cf5f0b.gif

发表评论取消回复

表情：

评论列表（有 0 条评论，50人围观）

还没有评论，来说两句吧...

相关阅读

相关 H5测试扫盲，小白必看！

对于刚刚接触H5测试的小伙伴来说，了解一些H5的基础知识是很有必要的，以免测完H5页面，还是一脸懵，出去面试的时候，面试官问最基础的问题比如什么是H5页面，都回答不上来。抽

末蓝、/ 2023年10月12日 11:53/ 0 赞/ 51 阅读

相关 Markdown语法，小白必看

Markdown 标题：二级标题 -------------------- 三级标题 -------------------- 四级标题字体

迈不过友情╰/ 2023年02月10日 03:39/ 0 赞/ 24 阅读

相关 canal快速入门(小白必看)

文章目录一：canal简介二：工作原理三：环境准备四：CanalClient编写五：测试ca

拼搏现实的明天。/ 2023年01月18日 02:21/ 0 赞/ 170 阅读

相关 H5+mui小白

初学之新建项目 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG

以你之姓@/ 2022年12月28日 01:59/ 0 赞/ 192 阅读

相关手把手教你安装pycharm（小白必看系列）

不废话系列之------手把手教你安装pycharm 软件下载地址：[pycharm-professional-2016.1.4软件][pycharm-profession

怼烎@/ 2022年12月16日 09:05/ 0 赞/ 193 阅读

相关十年自学编程成才(编程小白必看)

文章目录 1. 前言 2. 十年自学编程成才 2.1 为什么每个人都是匆匆忙忙的？ 2.2 十年时间学习编程(刻意练习)

古城微笑少年丶/ 2022年10月06日 05:56/ 0 赞/ 388 阅读

相关 H5视频直播扫盲

In [ Web开发][Web] on 2016年05月22日 by [ TAT.tennylv][TAT.tennylv] view: 4,090 [10][] 视频直播这

向右看齐/ 2022年09月23日 11:59/ 0 赞/ 247 阅读

相关最新 Java 面试职场指南，小白必看！

点击关注公众号，Java干货及时送达![9f7741d27c9869865f9b987267e46a64.png][] 以下是Java技术栈微信公众号发布的所有关于 Java

水深无声/ 2022年08月28日 06:52/ 0 赞/ 223 阅读

相关 vim的常见用法（小白必看）

vim的常见用法（小白必看） vim是一个非常常见的一个编辑文件的命令，可是它的常见用法你知道吗？在讲解基本用法之前，还有个关于vim的小技巧不得不说： 1.vim

小鱼儿/ 2022年03月29日 02:40/ 0 赞/ 362 阅读

相关 VScode vue工程项目入门小白必看

我的qq 2038373094 前提 nodejs+webpack+vue-cli脚手架都搭建好了 [https://blog.csdn.net/qq\_37

梦里梦外;/ 2022年02月03日 09:53/ 0 赞/ 305 阅读