Firebug教你玩转网页小把戏！

当你想要对图片进行编辑的时候，脑海里最先想到的可能会是Photoshop。可是每当涉及到设计或者制作图画的时候，很多人总是缺乏创造力，所以这对他们来说还是挺难的。如果你想把一张图片里的面孔换掉，你必须得学会使用Photoshop这类的软件。不过，要是你想换掉Facebook里面谈话的文本，你需要的就是Firebug和PrtScrn了!

Firebug教你玩转网页小把戏！

Firebug可用于所有主要的浏览器：IE6+,Firefox, Opera, Safari 还有Chrome。通过一个教程，我可以教会你如何在它的自带浏览器Firefox上使用它。那什么是Firebug呢？ Firebug是一个浏览器插件，允许你编辑、调试和监控CSS、HTML和JavaScript，它的目的是为了操纵网页—这就是我今天要教给你们的东西。

安装Firebug

安装非常容易，大家可以去官方网站下载插件。在这里，选择你想要安装的浏览器。然后进行安装，必要时可以重启浏览器。

使用Firebug

安装完Firebug，默认情况下，图标应显示在附加栏的“工具”菜单，并有可能在上下文菜单中。在附加栏中点击图标，你会看到一个新的标签出现在你的屏幕底部。

并且在这里，你会看到网页上的一个HTML视图。这个例子里，它是Firefox附加组件Firebug的下载页面。

如果你在更常见的用途上对Firebug很有兴趣的话，把它加上标签会让你更加轻松，并且对它的特性你也会更加了解。

这个屏幕截图软件需要强调的按钮是检查工具。这是我们将要使用的工具。点击该按钮，然后你会发现悬停的光标移到每一个文本区域，并且会在网页视图中突出显示。并且，它也会在Firebug的HTML上作为强调。

Firebug教你玩转网页小把戏！

更改文本

点击你要操作的文本，你会看到该文本已经在Firebug的HTML视图中了。然后，你双击HTML，这里面包括你想要更改的文本。最后，时间就是你的了，你可以键入任何你想要输入的文本。

当你键入的时候，你会在网页里面看到已经更新了的预览。

听起来挺酷的，不是吗？操作是相当容易的。因为Firebug允许你对HTML的文本进行单独的操作。在这种方式下，所有的HTML元素、CSS样式、和其他重要的视觉效果都会被保留，因而它看起来就像真的一样。

随着你对Firebug用得越来越顺手，或者你已经对HTML很了解了，你会发现改变页面的其他元素也是很容易的，比如图片。它会带给你很多新奇的感觉和无限的可能。并且我相信你已经想好怎么使用这个小把戏了！

如果你也觉得好玩，也喜欢恶作剧，那就来向大家展现你的创意吧！

本文由最科技杨新明编译，转载请注明出处：http://www.zuitech.com/11747.html

转载于:https://my.oschina.net/u/589171/blog/68225

Firebug教你玩转网页小把戏！相关推荐

python入门小游戏之跳一跳_从零基础开始，用python手把手教你玩跳一跳小游戏，直接打出高分...
这对于很多人来说,可能是已经过时的游戏,但是对于python入门来说,却是一个非常值得学习的项目. TONOW收集了很多有关python入门的项目案例,包含了相应的教程和源码,哪怕你从未接触编程,也通 ...
python 玩公众号游戏_从零基础开始，用python手把手教你玩跳一跳小游戏，直接打出高分...
这对于很多人来说,可能是已经过时的游戏,但是对于python入门来说,却是一个非常值得学习的项目. 我们收集了很多有关python入门的项目案例,包含了相应的教程和源码,哪怕你从未接触编程,也通过这些 ...
强化学习算法Q-learning入门：教电脑玩“抓住芝士”小游戏
本文来自AI新媒体量子位(QbitAI) 这篇文章打算教你使用强化学习中的Q-learning算法,让电脑精通一个简单的游戏.文中代码所用语言是Ruby. 为了展示算法内部的工作机制,我们将会教它去玩 ...
教你玩转HTML(html5)h5网页设计，网站开发-刘青-专题视频课程
教你玩转HTML(html5)h5网页设计,网站开发-54965人已学习课程介绍教你玩转HTML(html5)h5网页设计,网站开课程收益教你玩转HTML(html5) ...
轻松制作GIF动画！教你玩转PS时间轴之5个小技巧篇
通过前两篇文章,我们已经知道制作动画的基本知识的和技巧,下面通过5个非常有用的知识点跟大家更深入地探索PS时间轴.文末附上PSD,可以下载后自行分析动画技巧. 往期回顾: <新手指南!手把手教你 ...
手把手教你玩转ARP包（一）
原文地址:http://blog.csdn.net/piggyxp/article/details/19606 前言首先要感谢网络安全资深专家卢湖川博士以及VC网络版的limin朋友提供的资料 ...
12岁的少年教你用Python做小游戏
首页资讯文章频道资源小组相亲登录注册首页最新文章经典回顾开发设计 IT技术职场业界极客创业访谈在国外 - 导航条 -首页最新文章经典回顾开发- Web前端- Py ...
轻松制作GIF动画！教你玩转PS时间轴之进阶技巧篇
上一篇文章跟大家讲过PS时间轴的基础,接下来跟大家分享制作简单GIF动画的一些技巧,(文字动画.颜色渐变.咻一咻动画.模糊动画.旋转时钟以及变化的月亮等等),文章提到的动画都有提供打包下载,想学时间轴 ...
五一到底去哪玩？哪个景点人少又好玩？手把手教你玩Python爬虫
"用实例和实力说话" 大家好,我是大鹏. 当客户想知道哪些景点人少又好玩,老板把这个任务交给你,作为业务人员,你选择用哪种方法解题? 以上两种工作方式都没错,但如果你是数据思维者, ...
人人皆可大数据！SACC教你玩转阿里ODPS
人人皆可大数据!SACC教你玩转阿里ODPS [IT168 专稿]为什么我们使用搜索引擎时,不同的用户搜索同样的关键词看到的广告却不同?为什么我们到电子商务网站购物时,每次浏览同样的商品时都可以 ...

Firebug教你玩转网页小把戏！

Firebug教你玩转网页小把戏！相关推荐

最新文章

热门文章