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

使用chrome查看网页上效果的实现方式

时间:2016-12-05 07:37:46      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:举例   ges   网页   alt   通过   js代码   height   输入关键字   blog   

使用chrome查看网页上效果的实现方式

  chrome是一个极为强大的工具,很多时候,我们不知道一个效果怎么实现的,我们完全可以找到响应的网页,然后找到其html文件,和js文件,查看源码,获得其实现方式。

  下面举例说明:

 1. 我想知道下面这一部分的HTML代码:

技术分享

可以直接打开开发者工具,点击箭头后,选中该部分,则会自动定位到element中的相应元素。

 

  2.我想知道这一部分的ajax实现,那么我可以直接通过猜测(准确率不是很高哈,要多试试~),找到HTML中引入的JS代码,在source资源中通过ctrl+P进行搜索文件。进入该文件后,再通过ctrl+F输入关键字如input或者password等进行搜寻。即可实现。如下图:

技术分享

由此即可得到我们希望得到的代码。

使用chrome查看网页上效果的实现方式

标签:举例   ges   网页   alt   通过   js代码   height   输入关键字   blog   

原文地址:http://www.cnblogs.com/zhuzhenwei918/p/6132561.html

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