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

最新推荐文章于 2024-06-15 19:46:07 发布

YaoDeBiAn

最新推荐文章于 2024-06-15 19:46:07 发布

阅读量5.6w

点赞数 16

分类专栏：日常文章标签：源代码安全源码黑客

本文链接：https://blog.csdn.net/YaoDeBiAn/article/details/78112281

版权

日常专栏收录该内容

15 篇文章 1 订阅

订阅专栏

最近我一个学安全的同学在玩一个叫做黑客丛林的游戏，当他玩到第二关的时候卡住了，想改源码却改不了，当时我也是一脸懵逼，通过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代码无效。

YaoDeBiAn

关注

16
点赞
踩
65

收藏

觉得还不错? 一键收藏
3
评论
日常：如何修改网页源代码

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

扫一扫