资讯频道 → 互联网
阅读更多

10顶
0踩

互联网

转载新闻 Firefox 11 Aurora 全新开发者工具一览，超酷3D功能

2011-12-27 11:27 by 副主编 wangguo 评论(9) 有8259人浏览
Firefox CSS WebGL
Firefox 11 正式版将会在 2012 年 3 月正式发布。先睹为快，我们来看看 Firefox 11 Aurora 中在开发者工具方面有什么亮点。

1.  自由格式的样式表编辑

在Firefox 11 Aurora 中提供了 Style Inspector ，可以用它的规则来对某个元素的 CSS 属性进行查看和修改，而 Firefox 11 Aurora 将增加自由格式的样式编辑组合。

你可以从 Web 开发者菜单中打开 Style Editor，如下图所示。



Style Editor 提供了一个 CSS 编辑的友好环境，你所作的修改会立即在页面上生效，你也可以在你本机上保存修改后的页面。

该工具还有很多好用的特性，例如点击 eye 图标可以对某个 CSS 属性进行设置和关闭，也就是我们常说的 toggle 操作。你可以在一个新页面上测试样式，或者创建一个新的样式或者直接从磁盘中加载样式。

另外，Style Editor 会自动对 CSS 进行排版处理，更适合阅读。

2. 使用三维效果查看页面结构

这个功能太酷了，你可以通过 Web 开发者菜单中的 Inspect 来打开此功能，你将在工具栏看到一个 3D 按钮（前提是你的电脑兼容 WebGL），点击此按钮，就可以看到如下的酷图。



你可以对此图进行缩放、旋转等操作。下面是控制这个三维图形的操作方法：



另外，Firefox的Titl 3D插件也可以实现同样的效果（安装好插件后，按Ctrl+Shift+M就可以了）。

Firefox 11 Aurora 下载：http://www.mozilla.org/zh-CN/firefox/channel/

  • 大小: 108.9 KB
  • 大小: 160.9 KB
  • 大小: 18 KB
10
顶
0
踩
评论 共 9 条 请登录后发表评论
9 楼 code_world 2012-03-15 16:11
3D网页着实让我惊艳了一下！
8 楼 ilovejsj 2011-12-28 19:11
firefox的一个插件tilt也能实现3d大家可以下一个看看。
7 楼 paramore 2011-12-28 12:45
3D 没找到
6 楼 lost_alien 2011-12-28 12:32
10多层的table嵌套，会是什么样的3D效果。。。
5 楼 freespace 2011-12-28 11:19
能直接修改css那真是太cool了
4 楼 yscyfy 2011-12-28 10:34
顶一个，太好了
3 楼 shuaiji 2011-12-28 09:15
不懂说什么的
2 楼 沙舟狼客 2011-12-28 09:02
你说的3D按钮在哪啊，怎么没有找到？
1 楼 mengyancui 2011-12-27 13:32
      

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • android ffmpeg mpeg编码能传成功的不

    android ffmpeg mpeg编码我又重传了一次　把文件名字也改了　还能娱快的玩耍么

  • FFMpeg 实现视频编码、解码

    FFMpeg 作为音视频领域的开源工具，它几乎可以实现所有针对音视频的处理，本文主要利用 FFMpeg 官方提供的 SDK 实现音视频最简单的几个实例：编码、解码、封装、解封装、转码、缩...

  • ffmpeg对mpeg2-TS解析的最详细分析

    介绍:  MPEG的系统层编码为不同的应用场景设计了两种格式:  TS(Transport Stream) 和PS(Program Stream), 它们两者之间不具有层级关系， 在逻辑上，它们两者都是由PES(Packetized Elementary Stream)包组成的， 所以可以很方便地实现相互转换. TS(Transport Stream):    是将具有一个或

  • 用ffmpeg转换flv至mpeg

    用ffmpeg转换flv至mpeg

  • 使用FFMPEG编码保存MPEG-1/MPEG-2文件格式 ([PAL,NTSC]:[VCD,DVD])

    http://blog.csdn.net/still05017/archive/2007/01/18/1487141.aspx 

  • ffmpeg参数解释

    ffmpeg -i rtsp://admin:BYTtest2019@192.168.1.2:554/h264/ch1/main/av_stream -f flv -r 25 -s 640*480 -an rtmp://20.0.27.27:1935/live/127; ffmpeg -rtsp_transport tcp -re -i rtsp://admin:BYTtest2019@192.168.1.2:554/h264/ch1/main/av_stream -q 5 -f mpegts -fflag

  • ffmpeg 抽取视频原始编码数据(mpeg4)方法

    ffmpeg 抽取视频原始编码数据(mpeg4)方法

  • Ffmpeg(Fast Forward mpeg)用法总结（上）

    FFmpeg 基本用法本课要解决的问题1.FFmpeg的转码流程是什么？2.常见的视频格式包含哪些内容吗？3.如何把这些内容从视频文件中抽取出来？4.如何从一种格式转换为另一种格式？5.如何放大和缩小视频？6.如何旋转，翻转，填充，裁剪，模糊，锐化视频？7.如何给视频加logo，删除logo？8.如何给视频加文本，动态文本？9.如何处理图片？10.如何录像，添加动态logo，截图，马赛克视频？第一部

  • 音视频格式.mp4和编码格式MPEG4以及ffmpeg转码

    1、mpeg4和mp4格式不一样，区别是：1、MP4是一种视频文件格式，而mpeg4是一个编码标准，即为一个编解码器。可以理解为，mp4是支持mpeg4的标准的音频视频文件，而支持mpeg4标准的文件格式有很多种，mp4和avi都是其中的一种。 2、MP4 是一种视频格式，它可以存储不同的媒体，通常使用 MPEG4 编解码器进行压缩，但并非总是如此。而 MPEG4 本身可以应用于不同的文件格式，包括 MP4、MOV、AVI、MKV、OGG 和 MXF。 3、编解码器是对信号进行编码和解码的程序。媒体编解

  • 用ffmpeg把yuv格式转化为mpeg格式

    http://blog.sina.com.cn/s/blog_5f5ad6a90100cs5k.html

  • FFmpeg视频转码技巧之二次编码

    在转码的应用场景中，有时候我们非常在意目标文件的大小，在这个前提之下，再力求画质的完美。希望通过一种方法能够“精确”计算关键的编码参数，而不想一次一次的试。有办法吗？ 答案是肯定的。这里可以用到二次编码（two-pass encoding）的技术。关于二次编码，百度百科上是这么说的： 二次编码VBR, (2-pass VBR), 在第一次其实是检测收集运动啊亮度等相关数据，这样在第二次编码的时...

  • ffmpeg源码分析(一)DVB SI/PSI分析

    TS流是由一个又一个的188(或204)字节的ts小包组成:4字节的头和184字节的数据. 4B的头: typedef struct { unsigned sync_byte:8;/*8 bits的同步字节,0x47,传送包标识符*/ unsigned transpo

  • 【FFmpeg】生成MPEG-DASH

    Home » ffmpeg » MPEG-DASH Content Generation with MP4Box and x264 MPEG-DASH Content Generation with MP4Box and x264 Posted on 17/11/2016 by dvdshopvn The Situation: Your pre-MP4Box DASH file A video is given in some container format, with a certain co...

  • MPEG标准

    MPEG是Moving Picture Experts Group的简称，其本意指代一个研究音频和视频编码标准的小组，如今，它泛值由该小组指定的一系列视频编码标准。自1998年成立以来，该小组已经相继制订了MPEG-1，MPEG-2，MPEG-3，MPEG-4，MPEG-7等多个标准。MPEG组织，到目前为止，已经指定并正在指定以下视频标准：MPEG-1：第一个官方指定的音视频压缩标准，随

  • 树莓派3--学习笔记6-视频流监控1

    去年在树莓派QQ群里看到了一个人使用树莓派3完成了视频监控（可以外网访问的那种）视频质量超好，他还在群里分享了视频链接，当时我就意识到我可能会需要这个知识所以就保留了那个链接。很明显现在是进不去的了。所以那时候就下意识的保存了那个链接下的网页的内容，包括一个HTML和一个JavaScript文件。那个网页内容的博客链接 当时，关于网站方面的知识不太懂就把所有的都拷贝了下来，生怕遗漏了什么，现在看来还

  • 利用ffmpeg 解码ps网络流视频

    首次用ffmpeg解网络流，写写自己的个人经历。 1.首先下载ffmpeg最新的版，http://ffmpeg.org。 如果是windows下，可以直接下载相应的库，http://ffmpeg.zeranoe.com/builds/ 2.static文件下bin里面的exe是命令行的可执行程序。 share文件下bin里面存的时候动态库。 dev文件下include...

  • 使用FFmpeg库实现视频编码

    1.FFmpeg进行视频编解码所需要的结构 .AVCodec :AVCodec结构保存了一个编解码器的实例，实现实际的编码功能。通常我们在程序中定义一个指向AVCodec                  结构的指针指向该实例。 .AVCodecContext :AVCodecContext表示AVCodec所代表的上下文信息，保存了AVCodec所需要的一些参数。对于实现

  • ffmpeg增加264编码

    ffmpeg 中带有264的解码，没有编码，需要添加x264； 参考百度上的“windows_ffmpeg编译 ” 文档 下载ffmpeg 代码合x264代码， ffmpeg 代码：http://ffmpeg.org/ x264代码：http://www.videolan.org/developers/x264.html 相关资源获取的地方： http:/

  • 使用FFMPEG编码保存MPEG-1/MPEG-2文件格式

    一、关于VCD/SVCD/DVD    1、VCD采用的是MPEG-1技术标准，清晰度在250线左右，仅相当于普通录像机的水平；VCD是1路立体声输出，唱卡拉OK时两个声道可分别存储原唱和纯伴音两路信号。    2、SVCD采用的是MPEG-2技术标准，清晰度达到了350线；SVCD可以提供2路立体声和4路单声道。    3、DVD采用的是MPEG-2技术标准，清晰度已达到500线；DVD可提供2

Global site tag (gtag.js) - Google Analytics