移动 web 问题 &amp ;测试 |学习笔记

简介: 快速学习 移动 web 问题 &amp ;测试

开发者学堂课程【移动 Web 前端开发:移动 web 问题  & ;测试】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/594/detail/8394


移动 web 问题  & ;测试

 

一、适配问题及解决方案

1.适配问题原因:屏幕尺寸不一

2.解决方案

在《京东商城》移动站中是用的是百分比自适应布局,也就是流式布局。

Pc 端自适应效果放在移动端不可用,因为移动端有一个 viewport 视口的概念,移动端网页浏览和pc 端不一样。

同时需要对移动端的 viewport 视口进行设置就能达到适配的目的。

3.所以进行移动  web 开发之前,需要认识:

1流式布局

2viewport

4.在做移动端开发的时候要明白,移动端在桌面浏览器开发的的时候怎么样测试:

在网站移动窗口上按下 F12 ,这时候需要去测试看达不达到适配,使用设备模拟器。

模拟器功能:点开类似手机图标可以在移动设备上预览。

点击  Device(设备) 下方有一排刻度表示当前网页的宽度并且单位是 px。

  中可以选择设备,切换设备来测试当前网页在各种设备上是否达到适配。Portrait  表示选择横竖屏,Screen表示屏幕大小单位是 px。2表示屏幕像素比。Zoom to fit  表示让模拟器完全显示在浏览器窗口内。Network 表示切换当前网络。

相关文章
|
19天前
|
Web App开发 前端开发 JavaScript
探索Python科学计算的边界:利用Selenium进行Web应用性能测试与优化
【10月更文挑战第6天】随着互联网技术的发展,Web应用程序已经成为人们日常生活和工作中不可或缺的一部分。这些应用不仅需要提供丰富的功能,还必须具备良好的性能表现以保证用户体验。性能测试是确保Web应用能够快速响应用户请求并处理大量并发访问的关键步骤之一。本文将探讨如何使用Python结合Selenium来进行Web应用的性能测试,并通过实际代码示例展示如何识别瓶颈及优化应用。
64 5
|
17天前
|
计算机视觉 Python
Flask学习笔记(六):基于Flask的摄像头-web显示代码(可直接使用)
这篇文章是关于如何使用Flask框架结合OpenCV库,通过电脑摄像头实现视频流在网页上的实时显示,并提供了单摄像头和多摄像头的实现方法。
54 2
Flask学习笔记(六):基于Flask的摄像头-web显示代码(可直接使用)
|
17天前
|
测试技术
自动化测试项目学习笔记(五):Pytest结合allure生成测试报告以及重构项目
本文介绍了如何使用Pytest和Allure生成自动化测试报告。通过安装allure-pytest和配置环境,可以生成包含用例描述、步骤、等级等详细信息的美观报告。文章还提供了代码示例和运行指南,以及重构项目时的注意事项。
73 1
自动化测试项目学习笔记(五):Pytest结合allure生成测试报告以及重构项目
|
17天前
|
测试技术 Python
自动化测试项目学习笔记(四):Pytest介绍和使用
本文是关于自动化测试框架Pytest的介绍和使用。Pytest是一个功能丰富的Python测试工具,支持参数化、多种测试类型,并拥有众多第三方插件。文章讲解了Pytest的编写规则、命令行参数、执行测试、参数化处理以及如何使用fixture实现测试用例间的调用。此外,还提供了pytest.ini配置文件示例。
17 2
|
17天前
|
测试技术 Python
自动化测试项目学习笔记(二):学习各种setup、tearDown、断言方法
本文主要介绍了自动化测试中setup、teardown、断言方法的使用,以及unittest框架中setUp、tearDown、setUpClass和tearDownClass的区别和应用。
37 0
自动化测试项目学习笔记(二):学习各种setup、tearDown、断言方法
|
25天前
|
安全 Linux Shell
Kali渗透测试:使用Metasploit对Web应用的攻击
Kali渗透测试:使用Metasploit对Web应用的攻击
72 4
|
2月前
|
前端开发 机器人 测试技术
【RF案例】Web自动化测试弹窗处理
在进行Web自动化测试时,常会遇到不同类型的弹窗,如ajax、iframe、新窗口及alert/Confirm等。这些弹窗可通过Selenium进行定位与处理。其中,ajax弹窗直接定位处理;iframe需先选中再操作;新窗口类似iframe处理;而alert/Confirm则需特殊方法应对。在Robot Framework中,需先定义并获取窗口后使用特定关键字处理。此外,还有部分div弹窗需在消失前快速定位。希望本文能帮助大家更好地处理各类弹窗。
37 6
【RF案例】Web自动化测试弹窗处理
|
17天前
|
监控 Java Maven
springboot学习二:springboot 初创建 web 项目、修改banner、热部署插件、切换运行环境、springboot参数配置,打包项目并测试成功
这篇文章介绍了如何快速创建Spring Boot项目,包括项目的初始化、结构、打包部署、修改启动Banner、热部署、环境切换和参数配置等基础操作。
71 0
|
18天前
|
文件存储 Python
Flask学习笔记(一):Flask Web框架
本文介绍了Flask Web框架的基本概念、安装方法、初始化参数、程序编写、静态文件显示和配置信息加载等基础知识。
22 0
|
26天前
|
安全 Java Linux
Kali渗透测试:通过Web应用程序实现远程控制
Kali渗透测试:通过Web应用程序实现远程控制
38 0