【学CG系列】web之审查元素

一.审查元素的作用

  审查元素(你的F12)可以做到定位网页元素、实时监控网页元素属性变化的功能,可以及时调试、修改、定位、追踪检查、查看嵌套 ,修改样式和查看js动态输出信息,是开发人员得心应手的好工具。

二.应用:翻页的时候很懒

<a>是标签

href=javasript js的跳转功能

修改“3”成为“23“再点击一下3按键  可以实现跳转网页to p23的功能

三.题目

(一)

开F12   <body>里面有flag   

为什么里面有flag但是不显示呢  因为定义的style=display none 让他不显示

(二)

输入提示,页面不变,查源代码看工作机理 输出类型UTF-8(中文字)

type=password 显示密码为小黑点

发现输入限制是10,修改,提交

注意审查元素和查看源代码的区别:

审查元素(或者用开发者工具,Firebug)看到的是现在实时性的内容(经过js的修改):可以做到定位网页元素,实时监控网页元素属性变化的功能,可以及时调试、修改、定位、追踪检查、查看嵌套 ,修改样式和查看js动态输出信息。

而网页源代码看到的是就是最开始浏览器收到HTTP响应内容,不能修改和动态变化。

总之,查看源代码适合观看,而审查元素适合调试修改,查看源代码可以出现跳转和超链接的窗口。

 (三)

看源代码,超链接里面有个S0.html重定向的作用,点进去出现新的网站,还有出现S0.html,继续查看,查到出现404.html,积累一下,404提示是此页面不存在的意思哈哈还积累了一个Oops(诶呦)。(一般他给的情节除了术语按时都没有什么用)

查看404的源代码,绿色的,是开发者给的注释,发现每一行都长得差不多,那就是每行提供一个,Re里面做过这样的。

原文地址:https://www.cnblogs.com/DuWA/p/11372547.html