页面在手机上测试的方法

最新推荐文章于 2023-05-22 21:40:51 发布
最新推荐文章于 2023-05-22 21:40:51 发布
阅读量2.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 手机浏览网页
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weberry/article/details/53836061
本文介绍如何在Webstorm中进行设置以便于外部访问，并指导如何通过局域网分享本地项目页面到手机设备上预览。主要内容包括：Webstorm的设置步骤、获取本机IPv4地址的方法及如何在手机上访问电脑端口映射后的网页。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.webstorm软件

（1）设置

（2）

允许外部访问

2.

cmd---Ipconfig-查看ipv4地址


3.在网页中打开，把localhost换成你的ip地址，然后复制链接发到手机即可。只能是在同一个局域网里面才行


手机WEB页面自动化_在电脑上模拟手机模式页面实现自动化
lkr
06-26 986
手机WEB页面自动化_在电脑上模拟手机模式页面实现自动化
使用Uiautomotorviewer无法获取手机页面元素+解决办法
最新发布
04-23
在进行移动应用自动化测试时，UIAutomatorViewer是一款非常实用的工具，它允许开发者和测试工程师可视化地检查Android设备或模拟器上的用户界面元素，并获取这些元素的详细信息，以便编写自动化测试脚本。...
web设计经验<九>教你测试手机网页的5大方法
10-20 272
我们知道手机浏览器的使用量每天都在增长，根据StatCounter的统计数据，手机和平板的使用量约占30%的网络流量，这意味着消费者耗费在移动版网页上的时间比以往任何时候都高。可即使具备诸如移动端优先的响应式设计，由于目前设备尺寸和种类的繁杂，在加载前对终端屏幕进行测试也是压力山大的。 1、在真正的移动设备上测试 在真正的设备上测试手机版网页总是最好的，毕竟模拟...
网页的Vue项目怎么在手机上面测试
荆轲刺秦王
09-16 413
注意：以下操作必须保证你的手机与电脑在同一局域网下 1.修改config文件夹下面的index.js文件 找到host: ‘localhost’,修改为：host: ‘0.0.0.0’ module.exports = { dev: { ...... host: 'localhost', // can be overwritten by port: 8080, // c...
php 测试手机页面,[译]如何测试一个手机站点
weixin_29384861的博客
03-23 282
移动浏览器的使用与日剧增。据 StatCounter 统计，手机和平板电脑产生的流量约占网络流量的30%左右。这就意味着消费者对移动网站的需求比以往任何时候都高。鉴于消费者各种各样的移动设备，即使是像 Mobile-first 响应式式设计这样的智能技术，在站点交付前的测试也是非常关键的。现在有很多种在移动设备上测试站点的方式，但它们并不都是一样的。这里提供了五种不同的测试移动站点的方式，从最理想...
在手机端测试自己的页面
qq_34629527的博客
05-22 253
手机测试页面
手机端页面测试神器--Browsersync
MaRain
08-02 4927
需求点有时候我们在做手机端页面的时候，电脑端制作完成需要手机端看效果。这个时候可以使用我们的神器—Browsersync安装前提条件是安装node环境。然后运行（全局安装）npm install -g browser-sync （本地安装）npm install browser-sync --save-dev 警告 - 不要使用sudo！ 如果你在 Mac OSX 下安装Browsersync并遇到
手机浏览器 后退按钮强制刷新页面方法总结
09-01
尽管这些标签在理论上应该阻止页面被缓存，但实际效果因浏览器而异，有些浏览器可能会忽略这些设置。 其次，针对服务器端的技术，例如在JSP中，我们可以设置响应头来禁止缓存。以下是一个JSP示例，它使用了`...
移动端H5页面返回并刷新页面（BFcache）的方法
10-17
在某些浏览器中，比如UC和微信中测试是有效的，但在某些安卓手机自带浏览器中可能不生效。另外，通过监听pagehide事件，可以使用setTimeout函数在页面卸载后向页面添加一段JavaScript代码来强制刷新页面。不过这种...
swiper.js手机端性格测试问答页面模板
10-27
在"swiper.js手机端性格测试问答页面模板"中，Swiper.js被用来构建一个互动性强、用户体验良好的性格测试页面。这个模板特别适合于手机端应用，能够充分利用触屏设备的滑动手势，为用户提供流畅的浏览体验。 1. ...
html网页如何用手机测试,如何使用LR测试wap页面
weixin_32323465的博客
06-18 779
前提：1、已安装LR11.02、已安装火狐浏览器47.0以下版本(我用的是45.0)3、火狐浏览器安装 User-Agent Switcher扩展插件操作：(大部分操作步骤，与pc页面测试相同，不同之处，下方有图文说明)1、打开火狐浏览器，User-Agent Switcher 插件设置为安卓浏览模式2、打开LR，选择creat/edit scripts3、创建新脚本，选择 Web(HTTP/HT...
在vue中用手机如何测试代码
hcf1599637724的博客
05-07 993
 本机ip  window+r进入cmd  ipconfig 找到本机ip在vue  build webpack.dev.conf.js文件中修改添加iphost: '192.168.0.101' || HOST || config.dev.host,再npm run dev复制地址到手机运行...
android gpu测试工具,顶级Android智能手机GPU图形能力测试
weixin_39563827的博客
05-25 1517
顶级Android智能手机GPU图形能力测试出处：快科技 2010-06-13 16:45:59 作者：永辉 编辑：永辉[爆料] 收藏文章在智能手机硬件飞速发展的今天，1GHz处理器已经成为顶级智能手机的标准配置，目前已经有多款搭载1Ghz处理的智能手机产品上市。Android智能手机在这一方面都比较领先，在Android智能手机中，高通和德州仪器的处理器产品用的比较多，不过相...
响应式网站测试,使用真机访问本地localhost
vera_LX
08-10 1788
由于近期要做一个响应式网站并适配移动端，想要使用真机测试，找了很多种方法什么Chrome、火狐之类的，发现其实只要几步： 将手机和电脑连上同一个局域网，之后win+R打开“运行”对话框，输入cmd运行“命令提示符”按钮 输入ipconfig 找到这段ip地址（注意是WLAN的，之前搞错成本地连接的了） 然后在手机端的浏览器中输入此ip地址，就会出现类似电脑端的local
微信小程序真机调试手机端在无法连接电脑localhost:3000时如何调试解决办法
mastercao的博客
06-25 1911
真机调试问题解决办法 内网穿透不可用
如何用手机访问电脑本地的localhost
你，若盛开的专栏
08-12 7933
手机访问电脑本地的localhost
如何用手机访问电脑本地localhost网页, 以调试项目?
热门推荐
zxxzxx23的博客
07-30 6万+
方法很简单:1. 先确保你的手机和电脑连在同一个局域网内. 2. Window + R, 然后输入 ipconfig,然后获取ip地址, 长这样: 192.168.XX.XX 3. 手机浏览器里输入这个地址: http://192.168.XX.XX:8080, it works注意: 如果上面方法仍然不行. 关掉360一类的杀毒软件, 再试下,还不行的话关掉防火墙, 因为这问题跟防火墙有
如何用手机测试自己写的web页面
weixin_34390105的博客
06-11 666
　　手机测试自己写的web页面方法有很多，在这里稍微介绍一种，步骤如下　　1 首先安装软件phpstudy,安装后打开如图　　　　2 启动phpstudy　　　　3 启动成功后，如图所示(注意：如果此处两个点没有变成绿色表示环境有些问题)　　　　4 电脑开启wifi ,然后手机连上电脑的wifi，这一点很重要哦 (注意：保证手机和电脑在同一个局域网下)　　5 phpstydy安装后，找到安装路径...
软件测试｜移动APP是怎么测试的？
软件测试技术交流分享
03-17 372
一般从界面、功能、兼容性、稳定性、交互性、安全性、易用性、性能、网络、异常情况、权限等方面进行测试。主要测试界面展示是否与UI设计的原图一致，测试手机屏幕大小及分辨率对界面的影响。除安装、卸载、更新和web端差不多，都需要考虑人员与权限、场景与步骤、异常场景、用户补充场景、关联模块，但是app测试功能，在相关功能模块需要添加一项，就是web界面的变化。就是用不同的厂商、型号、系统版本进行测试。
怎么远程在手机上测试页面功能
06-10
你可以使用以下两种方法远程在手机上测试页面功能： 1. 使用远程测试工具：例如 Sauce Labs、BrowserStack、CrossBrowserTesting 等，这些工具可以让你在真实的手机和平板电脑上测试你的网站或应用程序。 2. 使用远程调试工具：例如 Chrome DevTools、Safari Web Inspector 等，这些工具可以让你在桌面电脑上远程调试你的网站或应用程序，同时在手机上查看你的更改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值