使用chrome查看网页上效果的实现方式
2016-12-05 02:48
274 查看
使用chrome查看网页上效果的实现方式
chrome是一个极为强大的工具,很多时候,我们不知道一个效果怎么实现的,我们完全可以找到响应的网页,然后找到其html文件,和js文件,查看源码,获得其实现方式。
下面举例说明:
1. 我想知道下面这一部分的HTML代码:
可以直接打开开发者工具,点击箭头后,选中该部分,则会自动定位到element中的相应元素。
2.我想知道这一部分的ajax实现,那么我可以直接通过猜测(准确率不是很高哈,要多试试~),找到HTML中引入的JS代码,在source资源中通过ctrl+P进行搜索文件。进入该文件后,再通过ctrl+F输入关键字如input或者password等进行搜寻。即可实现。如下图:
由此即可得到我们希望得到的代码。
chrome是一个极为强大的工具,很多时候,我们不知道一个效果怎么实现的,我们完全可以找到响应的网页,然后找到其html文件,和js文件,查看源码,获得其实现方式。
下面举例说明:
1. 我想知道下面这一部分的HTML代码:
可以直接打开开发者工具,点击箭头后,选中该部分,则会自动定位到element中的相应元素。
2.我想知道这一部分的ajax实现,那么我可以直接通过猜测(准确率不是很高哈,要多试试~),找到HTML中引入的JS代码,在source资源中通过ctrl+P进行搜索文件。进入该文件后,再通过ctrl+F输入关键字如input或者password等进行搜寻。即可实现。如下图:
由此即可得到我们希望得到的代码。
相关文章推荐
- 在web.xml定义,在网页中使用变量实例 使用只有创建变量的servlet才可以访问的<init-param>方式 附带登陆和跳转实现
- 使用 AppleScript 在 Chrome 中查看当前 Safari 打开的网页
- 用户从手机的浏览器访问www.baidu.com,看到的可能跟桌面PC电脑,是不太一样的网页效果,会更适合移动设备使用。请简要分析一下,实现这种网页区分显示的原因及技术原理。
- MyBatis之自查询使用递归实现 N级联动效果(两种实现方式)
- 网页瀑布流效果实现的几种方式
- RUBY学习笔记二:使用RUBY实现通过PROXY的方式请求网页
- 非常简单的使用jquery fancybox插件实现的查看图片效果
- 美团分类导航按钮效果使用ViewPager+GridView实现左右滑动查看更多分类的功能
- 非常简单的使用jquery fancybox插件实现的查看图片效果
- Android使用最简单的方式实现ListView 拉出回弹效果,阻尼效果(一)
- 两种方法使用jquery实现左右移动效果(包含each遍历方式)
- 使用一行CSS代码来实现网页全屏效果
- 使用PopupWindow和Activity两种不同的方式实现弹窗效果
- 网页瀑布流效果实现的几种方式
- JQuery实现网页半透明弹出层查看图片效果
- 使用ItemCreated事件和onmouseover两种方式 实现Repeater鼠标滑动效果
- 在Android中使用加载器(Loader)来实现获取本机中的所有图片,并进行查看图片的效果
- 图片3d轮放查看效果(V2.0):使用鼠标拖动实现图片的轮放
- 使用coding托管vue仿饿了么项目,实现可直接查看效果
- 网页瀑布流效果实现的几种方式