Firebug教你玩转网页小把戏!

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

Firebug教你如何玩转网页小把戏!

Firebug教你玩转网页小把戏!

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

安装Firebug

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

使用Firebug

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

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

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

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

Firebug教你玩转网页小把戏!

Firebug教你玩转网页小把戏!

更改文本

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

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

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

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

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

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

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

2020年前端实用代码段,为你的工作保驾护航

有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )

​一篇文章总结一下Python库中关于时间的常见操作

前言本次来总结一下关于Python时间的相关操作,有一个有趣的问题。如果你的业务用不到时间相关的操作,你的业务基本上会一直用不到。但是如果你的业务一旦用到了时间操作,你就会发现,淦,到处都是时间操作。。。所以思来想去,还是总结一下吧,本次会采用类型注解方式。time包importtime时间戳从1970年1月1日00:00:00标准时区诞生到现在