在同一个局域网下移动端测试网页

最新推荐文章于 2022-07-08 15:06:46 发布
最新推荐文章于 2022-07-08 15:06:46 发布
阅读量451 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/sgzg/p/6555233.html
本文介绍如何在同一局域网内通过输入IP地址及端口号（如8080）从手机端访问PC端搭建的网页进行测试。此方法适用于初步验证网页在不同设备上的显示效果。

处在同一个路由器下的局域网中，手机输入电脑上的ip地址端口号（例如：8080）就可以测试pc端上的页面

转载于:https://www.cnblogs.com/sgzg/p/6555233.html

uniapp - 详细实现移动端公众号 H5 网页授权登录流程及示例代码，申请测试公众号全流程及本地调试无需部署上线服务器就能直接调起微信登陆授权页面，手机移动端h5公众号页面利用微登录拿到用户数据！
🏆 前端领域优质创作者
08-01 4553
uni-app，微信公众号，h5网页，uniapp网页端，手机端H5公众号页面，微信网页登陆，uniApp详细实现公众号的登录，微信授权第三方网站登录，流程及逻辑详细教程，OAuth2.0，公众号网页授权，微信网页授权通过code换取网页授权，redirect_url，参数错误，解决，报错，无法调起，如何申请测试公众号，微信公众平台测试号的申请与使用，获取用户openid手机号昵称头像，利用测试号实现本地调试微信登录授权，本地无法调试怎么办，测试公众号，在开发环境下怎么测试，用项目本地ip地址，微信公众号平
移动端H5调试工具
android_xiaobai1的博客
09-02 1236
前端日记 由于工作调动，很久没写日记了，这次想起来继续写。一个前端小白的学习之路。 移动端H5调试工具分享 由于工作原因，我们经常在处于内网的环境下开发，开发PC还比较好，能用Chrome DevTool （简称F12）进行调试，那么如果是移动端呢？ 方法1. 使用同一网段， 只要手机连接同一网段的wifi，然后使用ip那个网址访问那是可以的。 方法2. 也是本次介绍的重点。 localtunnel 通过localtunnel就能把你的本地地址映射到一个公网地址，比如我本地地址localhost:8002
在局域网的情况下，使用真机（手机）测试web程序
日积月累，水滴石穿
09-29 4429
相信大家在做适应手机的web项目时肯定会想，我们怎样才能使用真机来测试我们的web页面，我们知道我们在电脑上的搭建的tomcat服务器的登陆入口一般是http://localhost:8080/(127.0.0.1:8080),但是我们在做适应手机的web程序时，总是苦于不能很好的在真机上测试。下面我们就详细讲解我们应该如何使用本地电脑的服务器来做测试： 第一步：准备一个路由器或者交换机，然后创建一个信号源，将电脑（wifi或者有线都可以）和手机接入到同一个路由设备，这样，我们手机和电脑就处在了同一个局域网
在局域网内配置一个大家都可以访问的网站，本地测试移动端
是日已过，命亦随减的博客
06-30 581
找到vhosts.conf,然后把server_name 改成本地局域网域名即可，在手机上就可以预览效果了。注意要连接WIFI哦。
如何在局域网内访问别人的vue-cli搭建的项目(也可以用来做移动端的真机测试)
WebDestiny的博客
08-28 1563
一：首先打开命令窗口 输入 ：ipconfig 后，回车会看到本机的IP地址 二：打开vue项目文件在本机运行，在项目目录中的config 文件 紧接着我们会看到index.js 文件，在文件中找到如下代码行 dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', ...
vue项目配置同一局域网可使用ip访问
dinghan9356的博客
09-18 418
1、检查package.json文件，scripts.dev设置 host改成 "0.0.0.0" 2、config文件中找到 index.js 文件的host改成 "0.0.0.0" 3、查看本机IP地址 转载于:https://www.cnblogs.com/angenstern/p/11542519.html...
真机测试本地移动端页面
u013379933的博客
10-27 6906
要在真机上测试本地页面，我所介绍的方法都基于条件2个：     1、真机和PC端都是在同一个局域网内。     2、要输入本地的IP地址才能访问（命令行中输入ipconfig查看    IPv4 地址 . . . . . . . . . . . . : 192.168.x.xx） 方法一：使用phpstudy 使用phpstudy的方法自行百度（挺简单的）。 通过phpstudy访问的页
WebStorm设置服务器-局域网内其他设备访问（移动端手机访问测试等）
移动开发砖家-扫地僧
04-20 2万+
我在网上找了很多教程，都写得不够全面，另外我用的是最新版本的webstorm 2017.1，有一些地方配置在老版本上也做了一些修改，所以我决定自己整理一份教程供大家参考
本地开发,自己电脑作为服务端,手机连接电脑测试移动端页面
lizhenglyg的博客
07-29 1518
本地开发,自己电脑作为服务端,手机连接电脑测试移动端页面1.服务器正常启动，这里的端口是80802.关闭 电脑防火墙3.开启电脑热点4.检查电脑是否可以连通 手机5.获取电脑（服务器） ip6.手机测试连接 1.服务器正常启动，这里的端口是8080 2.关闭 电脑防火墙 或者80端口允许连接; 设置方法: 打开控制面板—Windows防火墙—高级设置—入站规则—新建规则—端口—输入80 3.开...
移动端真机调试指南
qq_36262295的博客
07-08 941
移动端调试指南
用cpolar内网穿透进行网页测试
02-09 1321
cpolar作为一款高效安全的内网穿透软件，能够在本地电脑上生成授权者才能使用的“隧道”，而网页发布者就可以通过这个隧道，允许用户（包括对网页预览的甲方）对本地网页进行访问测试，及时修改和处理网页存在的问题，避免了网页上传后再测试，修正错误所耗费的时间和精力。
局域网搭建DNS服务，模拟公网，测试网站
DoYou?'s csdn
11-11 1612
<br />局域网搭建DNS服务，模拟公网，测试网站<br />一. 本机搭建测试<br />      在Windows 200X系统中，C:/WINDOWS/system32/drivers/etc/hosts文件，找到它，修改：<br />追加：127.0.0.1 www.mydomain.com在文件末尾【文件中一般已经设置了：“127.0.0.1       localhost”即我们访问本机时的默认域名localhost】。<br />二. 局域网搭建测试<br />      1. 在局域网中
利用无线局域网用移动端访问PC端项目
12november的博客
12-28 863
手机开一个热点，用电脑连接上；此时电脑和手机处于同一个局域网内； 在电脑上搭建好自己的服务器，本人日常使用wampserver或phpstudy； 然后打开cmd，进入输入ipconfig；确认在无限局域网适配器 WLAN中查看自己电脑的ipv4地址； 打开手机端浏览器，输入ipv4地址加项目的访问路径（把平时本地测试时localhost或127.0.0.1改为IPV4地址即可）， 就能在...
pc,移动端局域网文件共享
没得简介
11-28 410
直接上 CuteHttpFileServer/chfs,下载链接 该软件书要是用于在局域网内共享文件 PC端: 可以开机自启, 移动端访问只需要在同一局域网内输入地址即可, 或者其他PC在主机的局域网内输入地址也是可以的,移动端: ...
H5 移动端 测试方法
热门推荐
测试-程序媛
09-17 3万+
一.功能测试  1、关注页面请求。对于每个页面，要查看发送的请求是否正确，请求的接口是否有重复，接口请求是否正确返回等。可通过chrome中自带的开发工具查看网络请求。  关注是否有冗余接口请求，是否有不必要的重复接口刷新请求。 冗余和重复的接口请求会导致流量浪费和响应速度变慢。  2、关注application cache  （http://www.html5rocks.com/zh/t...
WEB移动端开发中，局域网内手机浏览器访问电脑页面，实时查看代码调试结果
劲枫的博客
11-14 2626
痛点：在进行移动端页面开发时，经常需要用手机查看开发的页面效果。虽然浏览器自带模拟器，但是各个手机兼容问题调试以及操作效果调试还是需要上真机。 解决途径： 1、将代码扔到服务器，通过连接服务器访问页面调试 2、采用内网穿透，将自己的电脑当成服务器主机，手机访问电脑服务器。之前我用过NATAPP，价格也还合理。 3、最简单的，最直接的，手机和电脑都连在一个局域网，apache服务器在http...
如何用手机测试自己写的web页面
weixin_34390105的博客
06-11 673
　　手机测试自己写的web页面方法有很多，在这里稍微介绍一种，步骤如下　　1 首先安装软件phpstudy,安装后打开如图　　　　2 启动phpstudy　　　　3 启动成功后，如图所示(注意：如果此处两个点没有变成绿色表示环境有些问题)　　　　4 电脑开启wifi ,然后手机连上电脑的wifi，这一点很重要哦 (注意：保证手机和电脑在同一个局域网下)　　5 phpstydy安装后，找到安装路径...
移动web开发之移动端真机测试
Eighteen Z
04-06 4963
chrome的开发者工具可以很好地做好模拟工作，但毕竟模拟和实际还是有差别的。所以，真机测试是一定要做的，如何高效地进行真机测试呢。个人感觉，还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync进行移动端真机测试特性 　　BrowserSync能让PC、各移动设备上的页面同时实时地响应文件的更改，而不用刷新操作。而且，当在其他一个设备上进行点击等行为时，该行为也会同
是不是应该有一个网页 到底在哪操作 我还是不明白
最新发布
05-13
不过根据之前的对话历史，用户之前询问了关于C语言实现HTTP局域网通讯系统的问题，现在可能是在同一个项目中的后续步骤，或者是另一个网页开发的需求。 首先，用户提到“引导一步步完成网页操作或开发的具体步骤”...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值