LEVEL 0

戴上透视眼镜

每个网页背后都藏着一个"后台"。程序员天天用,普通人不知道。今天你也有了。

大约 20 分钟要用到:键盘上的一个键学到:网页是一份发到你电脑上的副本

钩子这一关要干什么

把游戏标题页上的那句话,改成你的名字。然后看看刷新之后会发生什么。

动手 ①打开"后台"

  1. 打开游戏,停在标题页(有三个存档栏位的那一页)。如果你正在营地或战斗里,按 刷新就会回到标题页。

  2. 用鼠标在游戏页面上点一下(告诉电脑"我现在要操作这个窗口"),然后按键盘上的 。

    屏幕的右边或下边会冒出一个面板,里面密密麻麻全是字。这就是开发者工具(DevTools),后面我们就叫它"后台"。

    卡住了?按了没反应

    笔记本电脑:最上面一排键常常被设成了调音量、调亮度。按住键盘左下角的 Fn 不放,再按 F12。

    万能办法:在游戏页面的空白处点鼠标右键,在弹出的菜单最下面选 检查 (Inspect)。

    还是不行:点浏览器右上角的三个点 ⋮ → 更多工具 → 开发者工具。

    如果这三种办法都不行,说明这台电脑被管理员禁用了开发者工具,请举手找老师。

  3. 认一认面板最上面那一排标签。我们以后只用其中 5 个:

    元素Elements 控制台Console 源代码/来源Sources 网络Network 应用Application »
    <p class="tagline">剑湾以南,九层地狱裂开了一道门。<br>带上一颗地狱引擎做的心穿过它……</p>

    示意图。你的面板颜色、排列可能略有不同,认准标签上的字就行。标签显示不全时,点最右边的 » 找。

    标签它是干什么的哪一关用
    元素 Elements页面上现在显示的每一个字、每一个按钮本关
    控制台 Console一个可以直接给浏览器下命令的输入框本关、第 2、4 关
    应用 Application这个网站存在你电脑里的东西(比如存档)第 1、2、3 关
    网络 Network你的电脑和服务器之间来往的每一次通信第 5 关
    源代码/来源 Sources游戏的全部代码第 6 关
  4. 把面板拉大一点:把鼠标移到面板和游戏的分界线上,鼠标会变成双向箭头,按住拖动。

    想换面板的位置:点面板右上角的三个点 ⋮,第一行有几个小图标,可以选停靠在右边或下边。推荐右边。

动手 ②把那句话改成你的名字

  1. 点 元素 (Elements)标签。

  2. 在面板的最左上角,有一个"箭头指着方框"的小图标(鼠标悬停会显示"选择网页中的元素")。点它一下,它会变蓝。

  3. 把鼠标移到游戏页面上的那句"剑湾以南,九层地狱裂开了一道门。"上面。你会看到这句话被蓝色罩住。点一下。

    面板里会自动跳到一行并把它标亮。那一行里就有这句话。

  4. 在面板里,对着那句中文连点两下(双击)。文字变成可以编辑的状态。

    删掉它,打上你自己的话,比如"张三到此一游",然后按 。

    看游戏页面:标题下面的字变了。

    卡住了?双击之后选中的是一大片,不是那句话

    你可能双击到了标签(尖括号 < > 里的英文)上。要双击的是黑色的中文字本身。

    如果那一行前面有个小三角 ▸,先点一下三角把它展开,中文字就露出来了。

  5. 截图(按 ),把游戏页面上你的名字截下来。这是本关的通关证据。

  6. 现在,先猜一猜:如果刷新页面,你的名字还在吗?

    选好了再点一下游戏页面,按 。

动手 ③和浏览器说第一句话

  1. 点 控制台 (Console)标签。里面可能有一些黄色或红色的字,不用管。

    在最下面找到一个 > 符号,在它后面点一下,会出现闪烁的光标。

  2. 输入 1+1 然后按 。浏览器会回答你 2。

    控制台就是一个"你问一句、浏览器答一句"的地方。

  3. 再输入 0.1+0.2 按回车。

    把它的回答一字不差地记在下面。先别问为什么,第 2 关揭晓。

    0.1 + 0.2 的结果是

成就隐藏成就

没有标准步骤,自己探索。做到了就打勾。

揭秘刚才到底发生了什么

先自己试着回答,再点开对照:

你改的字,改在了哪台机器上?为什么一刷新就没了?
我想好了,看揭秘

你打开网址的时候,你电脑上的浏览器向很远的地方的一台服务器要了一份网页。服务器把网页的副本发了过来,浏览器把它显示在屏幕上。

你刚才改的,是你电脑上那份副本。服务器上的原件一个字都没变,别人打开这个网址,看到的还是原来那句话。

刷新,就是让浏览器扔掉手上的副本,重新去服务器要一份。所以你的名字没了。

记住这张图,后面每一关都会用到 服务器(远处)存着原件 → 你的浏览器(眼前)拿到副本 → 你看到的、你能改的,全是副本。

这也意味着:网页截图不能当证据。任何人都能用你刚学会的办法,在自己的电脑上把任何网页改成任何样子。

通关条件

你有一张截图:游戏标题页上那句话变成了你写的字。并且记下了 0.1 + 0.2 的结果。