开始你的goggles创作之路

请确认您已经正确安装 X-Ray Goggles

在您在浏览网页的时候,您随时可以点击书签工具栏中的 X-Ray Goggles 按钮,开始你的“黑客”行动。

了解网页背后的秘密

当 X-Ray Goggles 被正确激活之后,你会发现,原来的网页发生了变化,网页会随着你的鼠标的移动发生颜色变化。

这些框代表了该网页的元素。点击任何一个,你会进入代码编辑器,在那里你可以用自己的创意重新混搭这些元素。

开启你的“黑客”模式

根据您选择的元素类型,你可以做各种形式的修改。

修改文字

选择文本块,你可以根据你的喜好随意进行修改。你将在主面板上部看到所改文本的预览。

变换图像

在 HTML 中,所有的图片都由 <img> 标签表示。在代码编辑器中,你会看到一个像是<img src .....>的标识,其中"....."表示的就是图片的链接,去找一张更吸引人的图片,用 复制图像地址 复制它的地址,然后用该地址替换掉原来的图片路径就可以了。

将图像 URL 复制到代码编辑器之后,你就会看到预览效果。

修改超链接

你可以把当前页面的任何超链接修改到你想去的地方。

在 HTML 中,人们用<a>..</a>来代表超链接,在当前页面中找到这个标识,点击之后就会出现代码编辑器,找到原始链接地址,用你的网址来替换它,就是这么简单。

或许你还需要改变些“锚文本”。这是标记文本,简单的理解就是在本页面中的定位符号,并且通常用下划线和蓝色的字体显示。

提交并发布!

如果你做错了,只需在代码编辑器里点击 取消 按钮。

如果你对修正感觉不错,只需点击绿色 更新 按钮就可看到混搭页面。

当创作完成之后,可以点击您的键盘上的 p 键,或者 X-Ray Goggles 编辑器上的 发布 按钮,与大家一起分享你创作的快乐!

如果你在 teach.mozilla.org 上已注册,你发布的 Goggles 混搭页面会添加到 teach.mozilla.org 中 "你的项目" 页面。你可以将其 URL 分享给朋友。

这篇文章对您有帮助吗?

请稍候...

此文章在这些用户的协助下写成:

Illustration of hands

志愿者

分享知识并培养专业技能。解答问题并改进我们的知识库。

详细了解