美文网首页
如何在手机上调试

如何在手机上调试

作者: shadow123 | 来源:发表于2017-07-25 12:24 被阅读0次

1.手机和电脑处于同一个wifi
2.在电脑上启动一个http server

npm i -g node-static
static --host-address=0.0.0.0

3.找到电脑的局域网IP,访问列如:http://192.168.5.14:8080/index.html
4.边预览边改代码

css:border大法
JS:alert大法/console.log大法

手机上没有console.log 方法,做了个console.log 方法

<style>
#console{
  background:#ccc;
  position:absolute;
  bottom:0;
  left:0;
  height:100px;
  width:100%;
}
</style>
<script>
  var div = document.createElement('div'); 
  div.id = 'console'; 
  document.body.appendChild(div);
  console.log = function(thing){
    div.innerText = JSON.stringify(thing)
  }
</script>

手机上就可以使用console.log方法了。

相关文章

  • 使用手机访问vue项目

    在做vue项目测试时,需要放在手机上调试,那么如何放在手机上调试呢?毋庸置疑,直接使用ip地址+端口号用手机去访问...

  • 如何在手机上调试

    1.手机和电脑处于同一个wifi2.在电脑上启动一个http server 3.找到电脑的局域网IP,访问列如:h...

  • 在手机上打开网页调试

    ./nginx -c /usr/local/nginx/conf/nginx.conf

  • 在PC上调试手机端的Chrome网页

    在PC上使用Chrome网页端很容易,但是有些权限是在手机上采用的,所有需要在手机上调试页面。 1. 准备工作 1...

  • 如何在手机上调试h5

    众所周知,我们做前端的写页面都是在电脑浏览器里调试,但是h5在浏览器手机模式和真机还是有区别的,所以这里记录下我的...

  • 从adb安装后如何控制手机开始

    环境 pc:win10;手机:小米8;在手机上启用USB调试;PC上有安装驱动; 步骤

  • 性能测试工具GT (腾讯)

    一,什么是GT? GT(随身调)是APP的随身调试平台,它是直接运行在手机上的“集成调试环境”(IDTE, Int...

  • 移动端页面开发

    如何在手机上调试 1,手机和电脑处于同一个 wifi2,在电脑上启动一个 http server npm i -g...

  • Gradle 2

    1 buildTypes 常用的构建类型有 debug 和 release 。debug 是自己在手机上调试。re...

  • 如何调试手机上的页面?

    一. 如何调试手机上的页面 参考safari调试iPhone app web页面进行相关配置,就可以在mac上调试...

网友评论

      本文标题:如何在手机上调试

      本文链接:https://www.haomeiwen.com/subject/qlewkxtx.html