精华内容
下载资源
问答
  • 2019-06-26 21:58:59

    1.PC端写完后,用nginx启动

    2.cmd-ipconfig ,找WLAN的IP

    3.手机连接电脑发出的wifi,然后访问ip地址。就可以出现了

    更多相关内容
  • 手机网页调试方法

    千次阅读 2018-08-04 16:38:28
    首先你的电脑安装了nodejs,npm ...第二步:手机和 PC 保持同一网络下(比如同时连到一个Wi-Fi下)   第三步:命令行输入:spy-debugger 没有自动打开浏览器,就按命令行提示用浏览器打开相应地址。...

    首先你的电脑安装了nodejs,npm

    安装方法很简单:百度nodejs(window系统),下载exe文件,下一步下一步就会安装成功

    第一步:安装: npm install spy-debugger -g

    第二步:手机和 PC 保持在同一网络下(比如同时连到一个Wi-Fi下)
     

    第三步:命令行输入:spy-debugger

    没有自动打开浏览器,就按命令行提示用浏览器打开相应地址。

    浏览器打开画面如下图:

    第四步:设置手机的 HTTP 代理,代理 IP 地址设置为 PC 的 IP 地址,端口为spy-debugger的启动端口号(也就是第三里红框里的数字)。
     

    第五步:用手机浏览器访问你要调试的页面即可。任何浏览器都行(亲测QQ浏览器,安卓手机自带浏览器,微信内置浏览器可用)

     

    如果出现类似下图:(框里是你要调试的地址,并且颜色是绿色的)!那么恭喜你成功了!说明链接成功,可以像浏览器查看元素一样的调试了

    如果链接不上,检查一下步骤,然后在刷新俩端的浏览器试试

    展开全文
  • 手机调试 Web 页面-- 搭建 IIS服务器 前言: IIS (Internet Informatica Services)服务器是Windows 自带的一个网络信息服务器,可以发布 Web 项目,默认应用端口号为 80。 前提条件: Windows 防火墙是关闭...

    手机端调试 Web 页面-- 搭建 IIS服务器

    前言:
    IIS (Internet Informatica Services)服务器是Windows 自带的一个网络信息服务器,可以发布 Web 项目,默认应用端口号为 80。

    前提条件:

    • Windows 防火墙是关闭状态。
    • 手机和电脑 PC 处于同一个局域网下。(电脑连接宽带后,手机端连接电脑打开的热点,此时手机与电脑就处于同一个局域网下。)

    搭建IIS 服务器

    一般情况下,用户的Windows是不自带 IIS 服务器的,需要我们额外安装。
    IIS 服务器安装:
    1、点击我的电脑 > 右键属性 > 控制面板 > 程序 > 点击 “启用或关闭 Windows 功能”。
    在这里插入图片描述
    2、找到 Internet Information Services 选项,有两个都选择上,点击确定,等待 Windows 安装完成即可。
    在这里插入图片描述
    3、IIS 安装完成后,会在 C 盘有一个 inetpub 目录,点击进入 wwwroot 目录,这是专门用于部署 Web 项目的工作空间。

    相当于 Tomcat 部署 Web 项目的 webapps 目录
    在这里插入图片描述
    同时用户目录也会多出一个 DefaultAppPool 目录,这是应用程序池。
    在这里插入图片描述
    IIS 安装完成。

    测试:

    打开电脑浏览器,输入当前 ip 地址,出现一下页面代表安装成功。
    在这里插入图片描述


    搭建局域网网站

    1、电脑搜索 IIS,打开IIS 管理器。
    在这里插入图片描述
    2、点击 ”网站“,右键 添加网站,输入对应的参数:

    • 网站名称:任意填写( 不重要)
    • 物理路径:C:\inetpub\wwwroot (一定是这个,不然找不到发布目录)
    • 协议类型:http (不重要)
    • IP 地址:选择你电脑对应的 ip 地址即可。
      打开 cmd ,输入 ipconfig 找到 IP v4 查看当前电脑的 ip 地址,我的是 192.168.137.1·
    • 端口:默认 80 (不重要)
    • 主机名:www.<主机名>.com (不重要)

    3、建立好 网站之后,进入 C:\inetpub\wwwroot 目录,把你的 Web 项目复制进来。
    在这里插入图片描述

    iisstart.html 是 IIS 默认欢迎页面。

    4、电脑打开热点,让手机连接。
    5、手机端输入 192.168.137.1:80/index.html 即可访问。


    测试:
    电脑可以访问:
    在这里插入图片描述

    手机可以访问:
    在这里插入图片描述

    展开全文
  • 这个小技巧web端调试的时候特别好用,如果是PC端浏览器的话没有必要整合这个玩意了,主要是移动端设备上调试H5界面的,这篇文章将会演示uniapp和原生Html5整合vconsole;uniapp和vue的整合方式一样,不单独演示! ...

    这个小技巧在web端调试的时候特别好用,如果是PC端浏览器的话没有必要整合这个玩意了,主要是移动端设备上调试H5界面的,这篇文章将会演示uniapp和原生Html5整合vconsole;uniapp和vue的整合方式一样,不单独演示!

    vconsole这个玩意是腾讯开放的,这是我目前对接腾讯所有的东西中唯一我给好评的!
    先看看效果

    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述
    效果显而易见,逼传统的大alert()调试要方便太多了,也不需要借助其他外部工具插上设备调试!

    uniapp整合vconsole
    1.移入npm

    npm install vconsole
    

    2.使用
    main.js 文件里面添加下方代码。

    // #ifdef H5
    	// 提交前需要注释  本地调试使用
    	const vconsole = require('vconsole')
    	Vue.prototype.$vconsole = new vconsole() // 使用vconsole
    	// #endif
    

    搞定,重启项目就会在右下角出现一个绿色的按钮

    html5整合vconsole
    1.导入js脚本

    <script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
    

    2.初始化

    <script>
        // 初始化
        var vConsole = new VConsole();
        console.log('Hello world');
    </script>
    

    搞定

    展开全文
  • 手机网页调试工具

    千次阅读 2017-04-13 16:25:34
    智能手机还未普及时,移动设备的调试处处是alert的,这估计是最常用的办法了。以前很多时候为了预览页面移动设备的效果,需要先将页面上传到测试服务器,再将url输入到设备浏览器,或者使用第三方二维码扫码...
  • chrome调试手机网页

    万次阅读 2019-05-28 11:54:08
    chrome 手机调试前面 相信很多人都试过,电脑调试一点问题都没有,可是到了手机端各种问题,兼容、数据捕获 等问题 很多时候我们都是通过 vconsole 进行调试。(至于怎么用就自行百度,这里不展开)。 可是 ...
  • 最近开发微信公众号网页的时候,由于手机端的各种不适配或者机型的问题出现了很多莫名其妙的bug,但这些bug只会固定的机型或者部分手机复现,电脑端调试以及...勾选vConsole调试功能即可在手机网页上查看控制台...
  • H5与移动端页面在手机上调试的方法

    千次阅读 2020-06-28 09:38:24
    1.安装node.js 2.安装之后,node里面找一个文件夹用来放需要调试的文件,这个文件夹也是用来起...5.一定确保手机和电脑连得是同一个局域网(wifi),然后在手机浏览器里输入图第一个地址 http://(这里是电脑ip):808
  • 最近做一个H5的项目,需要将项目嵌入到浙里办里,需要调用浙里办的API(定位...想着能不能开发的时候,通过手机直接调试,就发现了这个神器:vConsole,一个轻量、可拓展、针对手机网页的前端开发者调试面板。 ...
  • 在手机上可以debug,如同浏览器F12功能
  • 下面的方法,只适用于安卓手机和windows,并且都需要谷歌浏览器。手机(安卓机)需要安装chrome与电脑的chrome配合1....最后在手机的chrome打开你想要调试的页面;2.电脑的准备工作用数据线...
  • 1.使用TBS Studio进行微信公众号真机调试扫描二维码报错无法...2.本方法是最新版微信基础真机公众号调试手机电脑同屏利用浏览器的chrome://inspect/#devices来调试(无需FanQ)包内是详细说明文档有截图亲测可用
  • 一、环境PC chrome浏览器(版本45、46)IOS safari浏览器(11.2.6)win系统(win7、win10)一根USB数据线二、打开iphone Safari浏览器的web检查器设置 --> Safart浏览器 ---> 高级--- > 打开Web检查器 三、...
  • 今日,接到一个任务,后台多个页面的搜索框在手机上显示不出来,让解决此问题。从网上搜索的情况看,大致有两种方法。 第一种:手机用usb连接电脑,然后开启调试模式来做。 这个我电脑用着有问题,前置usb接口有...
  • 1. 使用腾讯TBS Studio ...1.2 操作调试指南 https://x5.tencent.com/tbs/guide/debug/faq.html 2. 开启手机USB调试模式 开发中中心 -> 打开USB调试 各个机型开启方式不一致 3. 微信扫一扫 测试 ...
  • 然后在手机上chrome访问baidu.com,同时可以看到浏览器访问的网页列表,点击某个网页右侧的 Inspect按钮,会弹出如下调试界面。 这个界面跟电脑网页的chrome调试界面基本一样了。 * 如果电脑的chrome...
  • 双十一大家“买买买”了吗?我猜你们要么是躺沙发,要么是躲被窝里用手机和Pad下的单,因为我就是这么干的。当然我也不是瞎猜,天猫...不过开发手机上的Web页面调试一直是一个老大难问题。虽然ChromeDevTools可以
  • 一、参考链接 read chrome remote debugging documentation 调出开发者选项 二、设置android 安卓4.2及更新的版本中,默认情况下,【开发者选项】是隐藏的。...2、打开android的chrome浏览器中需要调试网页
  • 日常的移动端开发时,一般都是试用chrome浏览器的移动端模式进行开发和调试,只有chrome调试完成,而最近发现了一个新的调试方法,所以这篇文章主要给大家介绍了关于移动端网页开发调试神器Eruda的基本资料,...
  • 使用chrome调试平板/手机网页

    千次阅读 2021-06-09 14:06:02
    1、VSCode插件 any-rule :正则大全 Path Intellisense: 自动补全引入文件名 Document This: 可以自动为TypeScript和JavaScript文件生成详细的注释模板 ...允许CORS,你可以轻松地 Web 应用程序中执行
  • 如何调试手机网页页面

    千次阅读 2017-06-27 09:24:53
    原链接:https://community.bwbot.org/topic/128现在大部分人浏览网页都是用手机。所以制作网站的过程中对于手机页面的开发和... 开启浏览器的调试模式,调试窗口的左上角第二个按钮就是手机调试按钮。点击之后就可
  • 发表于 2013-12-17 08:26:04 by 月小升Firefox的办法1。...打开工具可以发现下面已经安装了User Agent Switcher 选择下面的子菜单中的iphone3,即可用火狐浏览器模拟手机浏览器里面谷歌Chrome浏览器,可以很方便...
  • 移动端调试,chrome调试工具,解决chrome调试移动端出现404,白屏问题
  • 1.问题 解决在手机浏览器中访问自己所开发开发的web应用时怎么进行调试和查看控制台信息 2.准备 手机安装FireFox浏览器,并打开火狐浏览器中的...在手机上用火狐浏览器打开需要调试的页面,pc端的火狐浏览器中...
  • 手机web前端调试页面的几种方式

    万次阅读 2019-07-18 00:20:56
    1、Chrome DevTools(谷歌浏览器)的模拟手机调试 2、weinre(web inspectorremote)远程调试工具 3、微信的“web开发者工具”,集成了Chrome DevTools和weinre,做的比较好 4、Chrome DevTools...
  • 起初,将需要在手机上查看的html文件,css文件及图片放入一个文件夹中, 全局安装BrowserSync :npm install -g browser-sync 其次项目文件夹下运行:browser-sync start --server --files"css/*.css, *.html"...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 34,231
精华内容 13,692
关键字:

如何在手机上调试网页