vscode+firefox实现前端移动真机测试

宋辉的博客      2022-02-16     527

关键词:

需要配件:

1.安装有火狐浏览器的移动端(手机);

2.安装有火狐浏览器和vscode的pc(电脑);

3.在vscode安装Live Server 插件

 4.安装之后vscode右下角会有Go Live这个标识

 5.点击 Go Live 会在默认浏览器打开一个网页,我设置的火狐为默认浏览器,直接打开火狐

下面是我的火狐跳转页面

 

手机测试vue移动端项目(真机联调)

参考技术A1.获取电脑网络ip地址(注意:手机端与电脑端需要在同一无限局域网下)命令行中输入:ipconfig回车后可以获取到ip地址:3.电脑将项目运行起来4.手机任意浏览器打开255.255.240.0:8080地址 查看详情

移动端真机调试实战经验(代码片段)

...og.site/,欢迎大家到我的博客查看更多文章~前言在开发中前端免不了要进行移动端的开发,然而在电脑上看的样式和手机上还是有一定的差距的,因为手机上有顶部的状态栏和底部的菜单栏,特别是在qq内置浏览器中打开,差距... 查看详情

前端调试的那些手段

...较为系统地整理出一些调试方法。主要包含在PC上的IE、FireFox、Chrome、Safari、Edge浏览器开发工具调试,远程真机安卓微信页面、安卓常见浏览器、WebView环境、iPhone微信页面、iPhone的Safari调试API测试工具Postman 查看详情

sonic开源移动端云真机测试平台-windows系统下的sonic快速部署演示(代码片段)

Sonic开源移动端云真机测试平台快速部署演示第一章:Sonic平台的准备工作与快速部署①Docker的安装②MySQL的安装③docker-compose.yml文件配置④Sonic服务快速部署⑤配置文件docker-compose.yml更新方法⑥成功部署效果展示第二章:... 查看详情

sonic开源移动端云真机测试平台-windows系统下的sonic快速部署演示(代码片段)

Sonic开源移动端云真机测试平台快速部署演示第一章:Sonic平台的准备工作与快速部署①Docker的安装②MySQL的安装③docker-compose.yml文件配置④Sonic服务快速部署⑤配置文件docker-compose.yml更新方法⑥成功部署效果展示第二章:... 查看详情

sonic开源移动端云真机测试平台-用例编写与回放流程实例演示,任务定时执行图像相似度定位公共步骤公共参数测试套件等

Sonic开源移动端云真机测试平台-用例编写与回放流程实例演示第一章:Sonic平台的用例编写与回放①项目的创建②设备中心选择设备③定位并添加控件④新增用例⑤运行用例⑥添加测试套件批量执行脚本⑦设置定时任务执行... 查看详情

移动端真机调试

移动端调试困难很多时候,我们在进行移动端开发时,都是先在PC端使用手机模拟器进行调试,没有问题后,我们才会在手机端的浏览器进行测试,这个时候,如果没有出现问题,皆大欢喜。但是一旦出现问题,我们就很难解决... 查看详情

调试移动端页面

调试移动端页面分为两种开发时,移动设备连接上PC起的服务调试移动设备上的页面手机连接PC的本地服务在开发移动设备页面时,常用CHROME自带的模拟移动设备外,还需要有真机去测试一下,而不是布到测试服务上去之后,再... 查看详情

如何使用vscode软件测试接口(代码片段)

我们知道,VisualStudioCode(简称VScode)软件一般用于编写前端代码,但其实,它也可以很方便的用于接口测试,达到和postMan一样的效果。怎么实现呢?步骤如下:1.安装RESTClient插件2.步骤二:创... 查看详情

前端开发之旅-移动端html5实现文件上传

...的inputfile=""  ,纯html5,并且不涉及到js,就可以实现。代码如下:<inputtype="file"accept="image/*"capture=" 查看详情

使用pc端浏览器开发者工具对移动端真机环境web页面进行远程调试

...面Mac/Windows浏览器开发者工具远程调试iPhone/Android页面在移动端Web开发中,有时候只通过模拟器进行调试是不够的,需要在真机环境下进行调试才能发现并解决一些问题。而移动端真机环境浏览器没有开发者工具,在这种情况下... 查看详情

android移动应用自动化测试都需要哪些环境?

...android模拟器(可用安卓真机)、Appium、python/Java1.Java环境:移动应用程序是java程序开发,要运行java语言开发的程序就需要搭建java运行环境,直接安装JDK或JRE即可。2.Android-sdk:Android程序开发、调试工具包,需要使用工具包内的ADB命... 查看详情

从 vscode 调试启动时,如何使 Firefox 正确恢复其状态?

】从vscode调试启动时,如何使Firefox正确恢复其状态?【英文标题】:HowtomakeFirefoxrestoreitsstateproperlywhenlaunchedfromvscodedebug?【发布时间】:2020-07-1007:30:09【问题描述】:对于我的Reactwebapp,我有一个启动配置来启动Chrome或Firefox进行... 查看详情

firefox怎样调试android页面

...试移动浏览器的网页。目前OperaMobile、ChromeMobileforAndroid和Firefox15forAndroid已经支持远程调试。  如何在Firefo移动版启用远程调试?  支持此功能的是处于测试阶段的Firefox15(或更高版本)。要在Firefox启动远程调试,请按下列... 查看详情

如何*同时*将 ngrok 用于后端和前端?

...我有一个想要在移动设备中测试的react应用,但是Chrome或Firefox中的移动开发工具还不够。后端在localhost:5000上运行,前端在localhost:3000上运行。如果我同时运行ngrokhtt 查看详情

软件测试周刊(第82期):其实所有纠结做选择的人心里早就有了答案,咨询只是想得到内心所倾向的选择。

...做的?请选择有意义的敏捷指标;从用户体验聊前端性能优化;2022年JavaScript开发工具的生态;分贝通大数据体系建设经验分享;领导给你布置了一个任务,怎样做得又对又好?·阅读愉快!🐞软件... 查看详情

如何在 vscode 上获得 Firefox 扩展 API 的自动完成/智能感知功能?

】如何在vscode上获得Firefox扩展API的自动完成/智能感知功能?【英文标题】:HowcanIgetautocomplete/intellisensefeaturesforFirefoxextensionAPIsonvscode?【发布时间】:2021-01-2408:40:54【问题描述】:我正在vscode上开发我的第一个firefox扩展程序,但... 查看详情

vscode的常用快捷键及插件(前端)

一、vscode的常用快捷键1、注释:  a) 单行注释:[ctrl+k,ctrl+c]或ctrl+/  b) 取消单行注释:[ctrl+k,ctrl+u](按下ctrl不放,再按k+u)  c) 多行注释:[alt+shift+A]  d) 多行注释:/**2、移动行:alt+up/down3、显示/隐藏左侧... 查看详情