日常：如何修改网页源代码

来源：互联网发布：python scrapy 教程pdf 编辑：程序博客网时间：2024/06/07 09:29

最近我一个学安全的同学在玩一个叫做黑客丛林的游戏，当他玩到第二关的时候卡住了，想改源码却改不了，当时我也是一脸懵逼，通过Chrome的开发者工具的element修改页面却没有效果，强迫症如我之后查找相关的信息总结了这篇文章。

以下是该游戏第二关的截图：

然后我们来看看它的源码，是这样的：

<!DOCTYPE html>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html; charset=gb2312">
<title>黑客游戏--Hackers game</title>
<styletype="text/css">
body {padding:0px 20px;margin:0; font-size:12px; line-height:150%; background-color:#EEFBEC}
.r {text-align:right}
.big {font-size:20px}
.botBar {position:absolute;bottom:3px;left:0;width:99%;height:25px;text-align:center;margin:0;padding:0}
</style>
</head>
<body>
<divclass="r"><ahref="./"target="_top">游戏首页(Home)</a>  <a href="http://www.fj543.com/"target="_blank">作者fj543</a></div>
<h1>黑客丛林之旅——挑战的不仅仅是黑客技术</h1>
<hr/><br/>


<h2>现在是第2关(Level 2)</h2>
<scripttype="text/javascript">
function chkPassword(){
var pwd=document.getElementById("pass").value;
if (pwd=="") {alert("Error:密码不能为空！(Input password please)");}else{alert("Error:密码不能填东西！(Don't input password please)");} //无论输入什么内容,就是不让你提交！
return false;
}
</script>

<formaction="./"method="post" onSubmit="return chkPassword()">
输入密码进入下一关 (Input password please)<br/>
<inputtype="password"name="pass"id="pass"value="" /><inputtype="hidden"name="act"id="act"value="pass2" /><inputtype="submit"value="Go"/>
</form>

<br/>
<br/>
提示语：这讨厌的脚本，为什么阻止我！(I hate the script,it prevents me)


<divclass="botBar">
<scripttype="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fddc172cd878cb9d6da5a109ab508be16' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>

</body>
</html>

我们仔细观察上面红色的标记，发现无论我们输入上面，都是密码不通过，也就是无法进入下一页。

为了进入下一页，我们想到将页面的源码修改一下(注意：修改之后不能刷新，不然页面的源码又和原来一样了)，那么我们怎么修改源代码呢？下面是我总结的两种方法：

第一种：首先我们ctrl+s保存网页，出现一个这样的文件——"黑客游戏--Hackers game.html",我们用记事本或者notepad++打开该文件，找到上面红色标注的地方并进行修改，如图：

保存修改之后用浏览器打开该文件，点击go即可进入下一页。如图：

第二种方法：我们在页面中按F12打开开发者工具，然后在console模块中我们输入“chkPassword=true”，回车一下就可以了，我们这时不要刷新页面，直接点击go即可进入下一页。这种方法实际上是通过console对源码进行修改或者重写。

注意：通过开发者工具的element修改页面源码只对页面的布局(html)有效，对js代码无效。

阅读全文

0 0