首页>>技术前沿>>B/S,C/S软件系统开发
Web开发人员必须具备的调试技巧!
作者:西安软件开发公司 | 原创 来源:西安软件开发公司 | 时间:2018年8月18日| 点击:0次 | 【评论】

         对于前端开发者来说,ChromeDevTools绝对是不可或缺的调试工具,我们常用的调试方法包含一些console等,而ChromeDevTools 其实很强大,下面来聊聊一些你可能不知道的debug 方法。

usdt娱乐城注册平台


在Elements王者荣耀比赛投注全是假赛中,查看页面元素的时候,如果当前这个元素不在视图内,可以通过这个方法让这个元素快速滚入视图中。

操作:

在Elements 王者荣耀比赛投注全是假赛页中选择一个不在视图内的元素
右击,选择Scrollintoview

usdt娱乐城注册app下载中心


在Network 王者荣耀比赛投注全是假赛下的所有的请求,都可以复制为一个完整的Fetch 请求的代码。

操作:

在Network 王者荣耀比赛投注全是假赛页中,选中一个请求
右击,选择Copy –>Copyasfetch

usdt娱乐城注册平台网页版


在Network 王者荣耀比赛投注全是假赛页下,选中一个请求,右击该请求,选择Blockrequest domain 或Blockrequest URL,可以分别阻塞该请求所在domain 下的所有请求 和 该请求。


usdt娱乐城注册平台官方入口


在debug 的时候,有时候需要在元素的点击事件监听函数中,将该点击事件对象打印出来。有个更方便的方式,是可以直接在Elements 王者荣耀比赛投注全是假赛页为页面元素添加事件监听事件。

操作:

在Elements 王者荣耀比赛投注全是假赛页中选中一个页面元素(选中之后,默认可以通过$0 变量获取到该元素 )
在Console 王者荣耀比赛投注全是假赛页中,调用函数monitorEvents,输入两个参数,第一个是当前元素($0),第二个是事件名(click)
按Enter后,当被选中的元素触发了点击事件之后,Console 王者荣耀比赛投注全是假赛页会将该点击事件对象打印出来


usdt娱乐城注册


在Elements 王者荣耀比赛投注全是假赛页,你可以拖动任何HTML 元素,改变它在页面中的位置。

截屏


在新版本的Chrome 中,提供了一个截图的API,你可以将整个页面截图或者截取部分页面元素,且截取的图片尺寸跟浏览器当前视图中要截取的内容所占尺寸一致。截图输出的是png 格式的图片,会自动通过浏览器下载到默认的目录下。现在有三种截取的方式:截取整个页面、部分元素 或当前视图。

截取页面部分元素的操作:
CMD + SHIFT + P ( windows 中用 CTRL + SHIFT + P ) 打开命令菜单
在Elements 王者荣耀比赛投注全是假赛页,选中要截取的页面元素
选择 Capture node screenshot


usdt娱乐城注册平台体育真人


在ChromeDevTools 上运行JavaScript 表达式的时候,可以使用$_ 来获取到上一步操作的返回值

usdt娱乐城注册app下载中心


在ChromeDevTools上调试css 或JavaScript时,修改的属性值在重新刷新页面时,所有的修改都会被重置。如果你想把修改的值保存下来,刷新页面的时候不会被重置,那就看看下面这个特性(Overrides)吧。Overrides 默认是关闭的,需要手动开启,开启的步骤如下。

开启的操作:

打开ChromeDevTools 的Sources 王者荣耀比赛投注全是假赛页
选择Overrides 子王者荣耀比赛投注全是假赛
选择+Selectfolderforoverrides,来为Overrides 设置一个保存重写属性的目录

此内容DOC下载 此内容PDF下载

【全文完】
关键词王者荣耀比赛投注全是假赛: web开发人员调试
0 ([$-顶稿人数-$])
0 ([$-踩稿人数-$])

版权声明:

1、弈聪软件网站内容中凡注明“来源:XXX(非陕西弈聪网站)”的作品,转载自其它媒体,转载目的在于传递更多信息,其中涉及的网站建设,网站优化,APP开发,微信小程序开发,大数据平台开发,区块链技术开发等软件开发技术细节并不代表本站赞同支持其观点,并不对其真实性负责。对于署名“陕西弈聪”的作品系本站版权所有,任何人转载请署名来源,否则陕西弈聪将追究其相关法律责任。

2、本站内容中未声明为“原创”的内容可能源自其它网站,但并不代表本站支持其观点,对此带来的法律纠纷及其它责任与我方无关。如果此内容侵犯了您的权益,请联系我方进行删除。