南芝 – 我才12岁（孤独、快乐的生活在自己的世界里）

快速跳转链接：

• Opera 的相关介绍以及历史
• Opera Developer
• Opera 首选项配置
• Opera Config 配置
• Opera 资源
• Opera 相关工具
• Opera 文档
• Opera 使用技巧
• Opera 兼容性

Opera 的相关介绍以及历史

• Opera 公司简介
• Opera 浏览器简介
• Opera 浏览器历史
• Opera bug 反馈

Opera Developer

• Opera Web specifications support

  Opera 内核 Presto 的相关资料，包括 Opera 浏览器对HTML、CSS、DOM、ECMAScript等的支持程度，目前Opera 10.5系列使用的是Presto 2.4版本。

• Opera Dragonfly

  Welcome to Opera Dragonfly, the next stage in the evolution of Opera’s premier developer tools. Debug JavaScript and inspect CSS, the DOM and HTTP headers, right from the comfort of your Opera browser. If you deploy on mobile, no problem: Opera Dragonfly supports remote debugging to communicate directly with Opera Mobile, and other Opera Presto powered devices. Opera Dragonfly is included in Opera 9.5 and above, and can be activated by clicking Tools → Advanced → Developer Tools in the Opera menu bar.

  Opera 蜻蜓是 Opera 浏览器提供的一款跨设备、跨平台的调试环境-调试 JavaScript, 检视编辑 CSS 和 DOM, 以及查看手机上或电脑上出现的错误。Opera 蜻蜓被集成在 Opera 9.5 及以上版本, 可以通过菜单栏中 工具 → 高级 → 开发者工具 激活。

  使用技巧：你可以下载 Opera 调试菜单以配合 Opera 蜻蜓。这将使打开 Opera 蜻蜓更加方便, 将 Opera 浏览器中网络开发者常用的已有特性集合到了一处。此外，你还可以通过快捷键（Ctrl+Shift+F12）来快速开启dragonfly。Opera Dragonfly是一个开源的工具，你可以下载源码，自行修改。另外，Opera Dragonfly是远程调试的，虽然会缓存到本地，但是作用并不明显，在网速极慢或者断网的情况下，极有可能打不开，你可以下载到本地后，在Opera config中修改地址指向你本地的dragonfly地址（client-en.xml）。当然，如果你想保持使用最新版本的话，你可以将地址修改为https://dragonfly.opera.com/app/cutting-edge。

  Dragonfly JsDoc 地址：http://dragonfly.opera.com/app/jsDoc/jsDoc/index.html

  注意：不要在独立版本的Opera Widget上（Opera Widget 10.20 Alpha Build1895）使用Ctrl+Shift+F12的快捷键，这会造成Widget崩溃，可以使用远程调试，详细可参看这里的文档。

• Developer Console and DOM snapshot

  区别于Dragonfly的调试工具，大家可以详细看下使用方法。

• Dev Opera

  这里汇集了很多前端相关的文章，也有一些诸如 Opera 特性的的文章介绍，同时也有 Opera Widget、Opera Unite 等相关文章。

• Opera Lab

  Opera 实验室，这里汇集了一些比较前沿的东西，可以了解更多新技术。

• Open the Web

  Open the Web 行动为各种设备上的 Opera 浏览器容错性问题提供解决方案。

• Opera Unite

  Opera Unite is a new technology platform allowing you to share content directly with friends without having to upload anything to a Web site. You can stream music, show photo galleries, share files and folders or even host your own Web pages directly from your browser.

  Opera Unite 是全新的技术平台，您可以直接共享内容，不必上传到任何网站。您也可以创建音乐流媒体，展示照片展览馆，共享文件和目录，或直接在您的浏览器运行自己的整个网站。

• Opera Widget

  这是 Opera 浏览器的一个小饰件，与Opera浏览器一样，可以跨平台的运行在各种操作系统上，包括桌面、手机等。从 Opera 10.10 Build 1840 之后版本，可以在不开启 Opera 浏览器的环境下直接运行 Opera Widget。

• Opera User CSS

  Opera 浏览器提供了浏览网页的两种模式：作者模式和用户模式，默认情况下会读取网页默认的作者模式，用户可以自定义自己的样式，让网页读取自己设定的样式来显示，这样子，可以有效的去除一下冗余的信息，更方便用户的阅读。

• Opera User JavaScript

  Opera 允许用户自己设定网页的脚本，该脚本可以运行在默认网页的所有脚本之前，因此可以去决定哪些脚本是否执行、如何执行等，这是跟 Firefox 的 Grease Monkey 所不同的地方。用户可以藉此屏蔽广告或者按照自己需要给自己浏览网站提供更多的便利。

• Opera Blog Unite

  Opera Blog Unite 是一项网络聚合服务，整合中文 Blog 上关于 Opera 产品的各种内容。简称 Opera BU, 音标为 ['ɔpərə bil]。目前处在公开测试阶段，更新频率为一天一次。

Opera 首选项配置

• 如果在一些网站看到不能显示的外链图片的话，可以按F12，然后取消“Send referrer information”（发送引用者信息）进行查看，需要注意的是，使用了此功能很可能在某些下载站或者站内无法下载或者查看图片，可适时开启、取消。

Opera Config 配置

• 下载任何最新版本的Opera：设置opera:config#Auto Update|Download All Snapshots
• 开启双击标签关闭标签功能：设置opera:config#User Prefs|Doubleclick to Close Tab
• 打开的新链接是否激活：设置opera:config#UserPrefs|OpenNewWindowinBackground
• 关闭Opera本身内置BitTorrent功能：opera:config#BitTorrent|Enable
• 设置鼠标拖动网页：opera:config#User Prefs|Scroll Is Pan(注：如果此项功能开启，将会造成页内文字无法选择，但可使用Ctrl+A进行全选，也不会影响页面的正常使用。)

Opera 资源

• Opera 快捷键
• Opera 皮肤
• Opera wallpapers(Opera 主题壁纸)
• Opera logo and icon
• Speed Dial backgrounds(快速拨号背景)
• Opera panels
• Opera 最新稳定版本下载
• Opera Wiki

Opera 相关工具

• Opera Pathfinder：Opera 的文件夹移动后快速更新配置信息，真正实现绿色移动。

Opera 文档

• Opera developer tools
• Presto 2.3
• Presto 2.4
• Presto 2.5
• Vega 相关介绍
• Carakan 相关介绍
• Opera按钮/语法指南
• Opera的安装、目录和文件详解
• Opera 内部命令语法详解

Opera 使用技巧

• Opera常用命令中文版（含菜单、鼠标手势、快捷键修改入门）
• 双击时如何屏蔽右键菜单？
• Disable Windows 7 Tab Thumbnails in Opera 10.5
• 如何重新开始失去的下载？
• 如何添加按钮或者右键菜单？
• 如何在电脑上安装Opera Mini
• 添加 iPhone 滑动效果
• 如何为自己的 Opera 添加快捷的短网址服务？
• 在Opera中实现带格式复制

Opera 兼容性（仅罗列 10.0 以上版本，以 10.5 为分界线）

JavaScript

属性	Opera 10	Opera 10.5 Beta2
window.btoa	×	√
window.atob	×	√
querySelector	√	√
querySelectorAll	√	√
window.console	×	√(warn,error,log,info)
window.openDatabase	×	√

CSS

属性	Opera 10	Opera 10.5
word-wrap	×	√
white-space:pre-wrap	white-space:-o-pre-wrap	√
text-overflow	-o-text-overflow	-o-text-overflow
background-size	-o-background-size	√
visibility:collapse	×（仅支持行，但是对行的支持也不够标准，默认这个隐藏是不占地方的，虽然可以隐藏掉，但是依然占了位置）	√

私有 CSS 属性

属性	Opera 10	Opera 10.5
-o-background-size	√	标准
-o-link	√	√
-o-link-source	√	√
-o-table-baseline	√	√
-o-text-overflow	√	√
-o-tab-size	×	√
-o-transform	×	√
-o-transform-origin	×	√
-o-transition	×	√
-o-transition-delay	×	√
-o-transition-duration	×	√
-o-transition-property	×	√
-o-transition-timing-function	×	√

专有 Hack

CSS:

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
    head~body .sampleCss{ height:10px;}
}

Javascript:

window.opera

版本号查询：window.opera.version

Build Number 查询：window.opera.buildNumber

HTML

• 在Opera浏览器里显示本站的 Widget：在页面 head 内添加：

  <link rel="alternate" type="application/x-opera-widgets" title="Gorgeous Ruler" href="http://widgets.opera.com/widget/download/14151/" />