Firebug教你玩转网页小把戏!

Stella981
• 阅读 541

当你想要对图片进行编辑的时候,脑海里最先想到的可能会是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

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
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
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
3个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Karen110 Karen110
3年前
​一篇文章总结一下Python库中关于时间的常见操作
前言本次来总结一下关于Python时间的相关操作,有一个有趣的问题。如果你的业务用不到时间相关的操作,你的业务基本上会一直用不到。但是如果你的业务一旦用到了时间操作,你就会发现,淦,到处都是时间操作。。。所以思来想去,还是总结一下吧,本次会采用类型注解方式。time包importtime时间戳从1970年1月1日00:00:00标准时区诞生到现在
Easter79 Easter79
3年前
Twitter的分布式自增ID算法snowflake (Java版)
概述分布式系统中,有一些需要使用全局唯一ID的场景,这种时候为了防止ID冲突可以使用36位的UUID,但是UUID有一些缺点,首先他相对比较长,另外UUID一般是无序的。有些时候我们希望能使用一种简单一些的ID,并且希望ID能够按照时间有序生成。而twitter的snowflake解决了这种需求,最初Twitter把存储系统从MySQL迁移
Stella981 Stella981
3年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
为什么mysql不推荐使用雪花ID作为主键
作者:毛辰飞背景在mysql中设计表的时候,mysql官方推荐不要使用uuid或者不连续不重复的雪花id(long形且唯一),而是推荐连续自增的主键id,官方的推荐是auto_increment,那么为什么不建议采用uuid,使用uuid究
Python进阶者 Python进阶者
9个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这