戴上透视眼镜
每个网页背后都藏着一个"后台"。程序员天天用,普通人不知道。今天你也有了。
钩子这一关要干什么
把游戏标题页上的那句话,改成你的名字。然后看看刷新之后会发生什么。
动手 ①打开"后台"
-
打开游戏,停在标题页(有三个存档栏位的那一页)。如果你正在营地或战斗里,按 刷新就会回到标题页。
-
用鼠标在游戏页面上点一下(告诉电脑"我现在要操作这个窗口"),然后按键盘上的 。
屏幕的右边或下边会冒出一个面板,里面密密麻麻全是字。这就是开发者工具(DevTools),后面我们就叫它"后台"。
卡住了?按了没反应
笔记本电脑:最上面一排键常常被设成了调音量、调亮度。按住键盘左下角的 Fn 不放,再按 F12。
万能办法:在游戏页面的空白处点鼠标右键,在弹出的菜单最下面选 检查 (Inspect)。
还是不行:点浏览器右上角的三个点 ⋮ → 更多工具 → 开发者工具。
如果这三种办法都不行,说明这台电脑被管理员禁用了开发者工具,请举手找老师。
-
认一认面板最上面那一排标签。我们以后只用其中 5 个:
元素Elements 控制台Console 源代码/来源Sources 网络Network 应用Application »<p class="tagline">剑湾以南,九层地狱裂开了一道门。<br>带上一颗地狱引擎做的心穿过它……</p>示意图。你的面板颜色、排列可能略有不同,认准标签上的字就行。标签显示不全时,点最右边的 » 找。
标签 它是干什么的 哪一关用 元素 Elements 页面上现在显示的每一个字、每一个按钮 本关 控制台 Console 一个可以直接给浏览器下命令的输入框 本关、第 2、4 关 应用 Application 这个网站存在你电脑里的东西(比如存档) 第 1、2、3 关 网络 Network 你的电脑和服务器之间来往的每一次通信 第 5 关 源代码/来源 Sources 游戏的全部代码 第 6 关 -
把面板拉大一点:把鼠标移到面板和游戏的分界线上,鼠标会变成双向箭头,按住拖动。
想换面板的位置:点面板右上角的三个点 ⋮,第一行有几个小图标,可以选停靠在右边或下边。推荐右边。
动手 ②把那句话改成你的名字
-
点 元素 (Elements)标签。
-
在面板的最左上角,有一个"箭头指着方框"的小图标(鼠标悬停会显示"选择网页中的元素")。点它一下,它会变蓝。
-
把鼠标移到游戏页面上的那句"剑湾以南,九层地狱裂开了一道门。"上面。你会看到这句话被蓝色罩住。点一下。
面板里会自动跳到一行并把它标亮。那一行里就有这句话。
-
在面板里,对着那句中文连点两下(双击)。文字变成可以编辑的状态。
删掉它,打上你自己的话,比如"张三到此一游",然后按 。
看游戏页面:标题下面的字变了。
卡住了?双击之后选中的是一大片,不是那句话
你可能双击到了标签(尖括号
< >里的英文)上。要双击的是黑色的中文字本身。如果那一行前面有个小三角 ▸,先点一下三角把它展开,中文字就露出来了。
-
截图(按 ),把游戏页面上你的名字截下来。这是本关的通关证据。
-
现在,先猜一猜:如果刷新页面,你的名字还在吗?
选好了再点一下游戏页面,按 。
动手 ③和浏览器说第一句话
-
点 控制台 (Console)标签。里面可能有一些黄色或红色的字,不用管。
在最下面找到一个
>符号,在它后面点一下,会出现闪烁的光标。 -
输入
1+1然后按 。浏览器会回答你2。控制台就是一个"你问一句、浏览器答一句"的地方。
-
再输入
0.1+0.2按回车。把它的回答一字不差地记在下面。先别问为什么,第 2 关揭晓。
0.1 + 0.2 的结果是
成就隐藏成就
没有标准步骤,自己探索。做到了就打勾。
- 换装
用"动手 ②"的办法,把存档栏位上的 新的旅程 按钮改成别的字(比如"芝麻开门"),然后点它。它还能用吗?想一想为什么。
想不通再点开
按钮上的字是给人看的。程序认的不是这几个字,而是按钮背后的一个编号。名字改了,东西没变。
- 整蛊专家
打开任意一个新闻网站,把一条新闻标题改成你编的,截图发给同桌,看他信不信。(然后告诉他真相,并想想:以后看到"网页截图"还能直接相信吗?)
揭秘刚才到底发生了什么
先自己试着回答,再点开对照:
我想好了,看揭秘
你打开网址的时候,你电脑上的浏览器向很远的地方的一台服务器要了一份网页。服务器把网页的副本发了过来,浏览器把它显示在屏幕上。
你刚才改的,是你电脑上那份副本。服务器上的原件一个字都没变,别人打开这个网址,看到的还是原来那句话。
刷新,就是让浏览器扔掉手上的副本,重新去服务器要一份。所以你的名字没了。
这也意味着:网页截图不能当证据。任何人都能用你刚学会的办法,在自己的电脑上把任何网页改成任何样子。
通关条件
你有一张截图:游戏标题页上那句话变成了你写的字。并且记下了 0.1 + 0.2 的结果。