码迷,mamicode.com
首页 > 移动开发 > 详细

whistle——真机移动端页面调试【查看、修改真机端的页面DOM结构及样式】

时间:2019-05-09 10:48:22      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:出现   img   elements   test   col   image   需要   元素   ack   

1、查看、修改真机端的页面DOM结构及样式【参考——https://imweb.io/topic/5981a34bf8b6c96352a59401】;

1.0、需要配置的rule——域名 weinre://随便某个分类命名【如:wq.jd.com weinre://test2——test2只是作为weinre的分类,防止一个weinre调试页面出现太多的连接】;

技术图片

1.1、真机上访问某个页面,如访问微信下的发现》购物页面;

1.2、点击weinre下的,刚创建的分类test2,跳到http://127.0.0.1:8899/weinre/client/#test2页面;

技术图片

技术图片

1.3、http://127.0.0.1:8899/weinre/client/#test2页面下,可在Elements下修改真机页面的dom元素、样式

技术图片

 

 1.4、在http://127.0.0.1:8899/weinre/client/#test2页面下,也可在Console下写js脚本,回车后,真机页面上会执行对应的js脚本;

 技术图片

 

whistle——真机移动端页面调试【查看、修改真机端的页面DOM结构及样式】

标签:出现   img   elements   test   col   image   需要   元素   ack   

原文地址:https://www.cnblogs.com/fafa-coding/p/10833547.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!