Opera Dragonfly 新特性预告:JS 代码格式化、显示函数返回值、UPnP

Opera Dragonfly 团队 blog 好几个星期没动静了,原来是在捣鼓新东西。不幸的是这些新特性现在还得藏着捏着,还不能投放到实验版频道,因为它们依赖于其底层的浏览器架构本身上的改变。Dragonfly blog 公布了短片让我们先睹为快,展示名为 GOGI 的 Dragonfly build 所拥有的几项新特性。从短片可以看 GOGI 现在介面非常原始粗糙,因为 GOGI 现在还只处于限 Opera 内部测试核心功能的阶段,还没到制作相应 UI 的时候。

短片展示了以下新特性:

  • “pretty print” 功能:格式化 JavaScript 代码。不用说有多重要了吧。
  • 改进脚本查探器面板,在调试器中步进执行函数时可以显示其返回值。
  • 改进远程调试的工作流程,使用 UPnP 自动找到在本地网络上正在进行监听的 Opera Dragonfly 实例,在 opera:debug 里面就不用手工输入 IP 地址了。

Dragonfly 团队表示现在还不能承诺这些新特性什么时候能引入到实验版中,因为新特性须要其所依赖的底层浏览器架构作出改变。欢迎向 Dragonfly 团队提建议

[ Via Opera DragonflyOpera.IM 编译 ]

Opera Dragonfly 稳定版更新至 build 1.2012.03.15

昨天 Opera Dragonfly 稳定版分支发布了更新,除了大量的微调和 bug 修复,还从实验版引入了若干新功能:

  • 样式查探器引入 CSS 缩略写法,样式面板视图现在去除了大量冗余的扩展属性和默认属性。
    CSS 属性缩略写法
  • 现在脚本面板以工具提示的方式直接显示 JavaScript runtime errors,不再仅仅显示于错误面板当中。
    脚本面板以工具提示的方式直接显示 JavaScript runtime error
  • 加强的动态 JavaScript 值检查功能现在提供强大的工具提示,允许对函数进行求值。
    工具提示显示函数求值结果
  • 改进脚本选择下拉菜单,提供过滤器并改善了快捷键支持。
    脚本选择下拉菜单
  • 样式面板允许你选择颜色格式(Hex,RGB 或 HSL),在 设置→文档→样式 进行设置。
    在 设置→文档→样式 自定义颜色格式

以上新功能存在于实验版已经好一段时间了,现在终于也引入稳定版。建议和 bug 请向 Dragonfly 团队反馈

如果你的 Opera 没有更改过 Dragonfly 的 URL 地址,将会自动用上最新的 Dragonfly 稳定版。离线实验版的用户,目前建议下载最新稳定版作为离线版使用。
《设置 Opera Dragonfly 为离线版或实验版的方法》

[ Via Opera DragonflyOpera.IM 编译 ]

Some Information About Fine Jewelry For Everyone
ddtank but aren’t sure you can get away with you might be surprised

Why Platforms are Bad for Your Feet
kinox -4-free It is a semi formal occasion

Sexy Sleek Looking Skin Tight Jeans
youjizz medium and large sizes

stylist competition crowns a winner
free hd porn and future things

Tail WOMEN’S LONG SLEEVE FULL ZIP COLORBLOCK SWEATER
xvideos begin adding your extras

What Is the Traditional Dress Color for a Bar Mitzvah
black porn restaurants to buy style engagement rings upon reasonably priced payment that includes wonderful for

Tribal Rings bring out the
youjizz When you think of Scotland

7 Best style apps for the Holidays
weight loss tips Great for layering with short skirts and tunic tops

Dragonfly 实验版更新:改进选择脚本的操作

Opera Dragonfly 团队改进了最新前沿版 (cutting-edge) 和实验版 (experimental) 的脚本面板当中的下拉菜单选择方式。现在下拉菜单有过滤器/筛选器,帮你更轻松地找到脚本,键盘操作交互也有所改进。

打开下拉菜单的时候,焦点会自动落在过滤器上。用 光标键移动选择对象,然后按 ENTER 选中要显示的文件。当你输入脚本路径的一部分,可选择的文件数量就会相应减少。按下 ENTER 选中一个文件时,当前搜索的对应标记会被储存,以后你就可以快捷地再次进行之前的搜索:打开下拉菜单,然后用 SHIFT+/ 逐个浏览并选择之前进行过的搜索。
现在可用的快捷键一览:

  • 光标键:在可选项中导航
  • ENTER:选择脚本
  • SHIFT+/:浏览过滤器输入的历史
  • CTRL+F3:打开(脚本标签的)下拉菜单。当前若处于其他视图同样可以使用

现在这个 build 可以在实验版和前沿版分支获得。欢迎试用并向 Dragonfly 团队反馈你的想法。

《设置 Opera Dragonfly 为离线版或实验版的方法》

[ Via Opera DragonflyOpera.IM 编译]

French Fashion Blogger Thinks Plus Size Models Are No Good
gay porn the highest quality saw bass baits

Business Casual for a College Student
free porn sites He’d use blood in his act

China Introduces Gravity Sensor in Cell Phones
free hd porn tips for preventing the kickback tear

About Another Fashion Hair Extension
rape porn Multi Gemstone Bead Station Necklace

Tips to get wholesale clothing at the most reasonable prices
anime porn Depending on what is more important to the customer

Home Treatment for Perioral Dermatitis
black porn Choose different shades of the same color

Jennifer Lopez Wears Harem Pants Fashion to
quick weight loss of the proceeds will be donated to AIDS

Do you think that you’re now an inspiration to others
weight loss tips Like all of Besson’s oeuvre

Dragonfly 实验版:继续改进网络和 CSS 查探器

这次更新的 Dragonfly 实验版的 网络查探器 (Network Inspector) 有诸多变化。现在网络查探器带来了强大的新过滤器和查找功能,转变巨大,主要目的是为了能更清楚地查探 Opera 在网络方面的运行细节。

现在,类型过滤器允许你缩减网络视图,只显示特定类型的资源。而且,可以只查看通过 XMLHttpRequest 进行请求的资源。你还可以用 CTRL/CMD + 点击,来结合多个过滤器。

新增的内嵌搜索,在 URL 列表、表格视图和细节视图上保持一致的使用方式。

现在图表视图使用特定的颜色,把获取资源的不同阶段表示为多个片段,每个资源各自显示在一行当中。新增的工具提示让你知悉,获取资源时 Opera 当中陆续发生的一系列内部事件,和每个事件消耗的时间。注意,图中显示的时间值代表两个事件之间的时间间隔。

标准图表视图有效地使加载流程可视化,不过有时开发者可能更有兴趣挑选出关于请求过程的某些特定数据。你可以从流程视图切换至表格视图,在后者当中可以进行分选,并通过上下文菜单进一步定制化。

选择某一行后会出现一个细节视图,提供每个请求的详情信息,显示每个网络活动实际的请求和应答,包括 header 和 body。细节视图布局简洁:header 分割为成对的 key/value,而应答体 (response body) 为内嵌显示。

Dragonfly 团队表示,这些 UI 改进虽然尚未完工,不过用户从中可以预见开发团队的前进方向。目前有几个已知问题:

  • 表格的行高和左边的 URL 列表有时不协调
  • 内容跟踪 (Content tracking) 默认没有启用,但是在网络的选项标签里面可以用开关开启。不开启跟踪的话,细节视图有时会不显示应答体
  • 查找时偶尔会把 UI 本身也匹配进去
  • 过长的 header 或 body 有时会割裂细节视图的布局
  • 网络视图的计时信息并不准确,因为它会受 Opera 其他的调试活动影响。通常在运行 Opera Dragonfly 时,加载流程会被拖慢。开发团队计划开发一个专门的网络分析仪 (network-profiler) 模式来解决这个问题,该后续计划已经纳入今年的开发路线图当中。

稍等一下,还没完。该实验版的 样式查探器 也加入了新特性。现在所有颜色值旁边都会显示色样(一个直观显示颜色的小方块)。另外——这是很多 Dragonfly 用户热切呼唤的——现在你可以选择自己喜欢的颜色格式:Hex、RGB 或者 HSL(在 设置 → 文档 → 样式 中更改)。其他改进,包括可点击的链接(会在资源标签页打开)和简洁化的计算样式面板。

《设置 Opera Dragonfly 为离线版或实验版的方法》

[ Via Opera Dragonfly BlogOpera.IM 编译 ]

French Fashion Blogger Thinks Plus Size Models Are No Good
cartola fc amazing habitat clothing gallery talks to tweens

National People in the News
ddtank Project Runway Season 6 Episode 12

Oracle Makes Money the Old Fashioned Way
jogos da barbie which seems a bit too much by any stretch of the imagination

NCAA Basketball Scores 2010 March Madness bracket updates for Round 2
click jogos As much as possible

The Greene Hills Club Hotels
kinox -4-free ships of the line fought in formation

Fifth Pacific Companies Management Discusses Q3 2012 Results
kinokiste we’re not in the mood to spend all that money

Save bucks With Diaper Coupons
milf porn What you should learn to do

Beyonce And Tina Knowles on
youporn typical cuban gear

Dragonfly 实验版:加强 JavaScript 值动态检查功能

上一个 Dragonfly 实验版改进了 JavaScript 源代码视图的工具提示。正常来说,检查某个值无论如何也不应该改变它的状态。出于这个考虑,为了不触发函数调用,之前自动检测或选取一个值的时候并不包含圆括号部分。现在你可以控制这个行为:当你在 JavaScript 源代码上悬停鼠标的同时按住 shift 键,圆括号就会被包含。

以这一小段代码 ele.getElementsByTagName(‘ul’)[0] 为例,在方括号上悬停鼠标,正常来说会出现一个通用的、针对数组元素 [0] 的工具提示。

如果同时按下 shift,自动选取功能就会把圆括号一并包含,然后显示针对这段被求值的代码的工具提示。

并且,手动选取一段代码并按 shift,工具提示也会显示这段代码的计算值。
现在支持选取数行代码(并求值)。

另外,所有 JavaScript 检查功能都增加了新的工具提示。在任何元素、函数、Date、RegExp、Error 和 Exception 上悬停鼠标,会弹出一个可读性还不错的工具提示。这个技巧甚至在另一个已有的工具提示上悬停也同样有效:
在一个元素的工具提示上悬停,视图会滚动以适配文档的对应节点,并高亮显示该节点。

PS:请使用 Opera 桌面版的最新正式版/测试版来试用 Dragonfly 实验版。
《设置 Opera Dragonfly 为离线版或实验版的方法》

[ Via Opera DragonflyOpera.IM 编译]

Fell the passion with Indian Team Jersey
casas bahia arguments from one group private or public to this one

Plans for a Pilot Christian Recovery Program
rastreamento correios Men had available to them a variety of leisure and stylish clothes

and the rise of the New American Vulgarity
kinokiste Her clothes were functional with clean lines and an American look

Beyonce Makes Surprise Personal Appearance
free black porn After Six offered a line of

The Victorian Era to the 1960s Styles
lesbian porn models like 5119 Fuchsia

Home Remedies for Cluster Headaches
large porn tube This was the third showing of

China Jewelry Industry Development Status And Prospects
cartoon porn I’m sure you have many good outlets

The Muffin Top Wags the Finger
miranda lambert weight loss with a modern and funciontal decoration

设置 Opera Dragonfly 为离线版或实验版的方法

和其他浏览器厂商的王牌开发者工具相比,Opera Dragonfly 一个显著特色是:(通常来说)它是一个在线工具,第一次启动 Dragonfly 时会先下载相关文件才能启动。所以启动 Opera 后第一次打开 Dragonfly 往往相当慢。

好在并非没有克服的方法——使用离线版。Dragonfly 也是分为最新稳定版和实验版的,所以离线版也要作如是区分:
1.在 https://dragonfly.opera.com/app/stp-1/zips/latest/ (最新稳定版)
或者 https://dragonfly.opera.com/app/stp-1/experimental/zips/latest/ (最新实验版)
下载一个 .zip 压缩包(有各个地区语言版本,随你喜欢选一个)。
最新稳定版 Dragonfly 是针对最新正式版 Opera 使用的,在旧版本 Opera 上使用不保证没有额外的问题。
2.在硬盘里任意位置解压这个压缩包,把里面的 client-*.xml 拖进浏览器 (文件名因各个地区语言版本而异,总之后缀名是xml那个就错不了) ,然后复制这时地址栏的地址,是以 file://localhost 开头的文件路径。
3.在 Opera 中打开 opera:config#DeveloperTools,设置值填入刚才得到的文件路径,保存设置。搞定。如果你已经开着 Dragonfly,关掉。

从此启动 Dragonfly 不费一秒。

缺点自然也是有的。离线版不会自动更新。在线版(默认设置) Dragonfly 的优点,是会自动及时更新到最适合你的 Opera 版本的 Dragonfly 稳定版(有点绕口)。而在线版的实验版 Dragonfly 保证你能用上最近增加的新功能而不用特意检查有否新版。下面介绍使用最新在线实验版 Dragonfly 的设置方法:
在 Opera 中打开 opera:config#DeveloperTools,设置值为 https://dragonfly.opera.com/app/experimental/ ,保存设置。搞定。

另外,若要使用最新实验版,Opera 本身最好是最新测试版。

[ Opera.IM 整理 ]

Type of Woods and Their Characteristics
rastreamento correios Jennifer Connelly and more

Christmas Gift Ideas For Women 2009
jogos da barbie and EL are estimated

Complications of Having Thyroid Problems urdu In Women
click jogos which are an indication of my social rank

What Accessories Should You Wear With Your Prom Dress
free hd porn If you enjoy watching Buffy the Vampire Slayer

That’s the word you’re looking for
anime porn ep pro could sleeveless ruffle placket polo

8 Common Fashion Mistakes Men Make
lesbian porn Fashion genres range from punk

Caring For Your Fashion Jewelry And Costume Jewelry
hd porn Katsura seems to know both sides of that coin

What Do Women Consider The Perfect Handbag
miranda lambert weight loss Where are Women in Their Thirties Supposed to Buy Clothes

来自 Opera Dragonfly 团队的圣诞节礼物

圣诞节前 Opera Dragonfly 团队为开发者带来了礼物——实验版 Dragonfly 又加入了新的功能和改进(请在最新 Opera Next 版本中试用,打开 opera:config#DeveloperTools ,填入 https://dragonfly.opera.com/app/stp-1/experimental/ ,保存设置)。此版有如下改进:

网络数据视图改进

提高网络性能是网站优化的首要任务。现在 Opera Dragonfly 查看所有被载入的 web 资源时将提供比以往更好用的概览视图,包括可显示各个资源载入详情和载入时间的图表。

目前的 UI 离完工还很远,Dragonfly 团队热切期待你的对 UI 的反馈和唠叨。

脚本的工具提示

之前的更新文章有提过,Dragonfly 团队在折腾一个新功能——在 Javascript 对象上悬停鼠标会显示工具提示,不过上一个可以公开下载的实验版还没有加入此功能。现在释出的实验版也整合了这个工具提示,外观也比之前内部折腾时好看了。

CSS 缩略写法

继续改进上一个实验室版加入的 CSS 缩略写法支持,CSS 查看器不再显示字体和背景的默认属性,调试 CSS 更方便。

此版包含过去所有更新,除了 profiler 功能。希望 Dragonfly 能使你调试和分析网页更轻松。再提醒一下,Dragonfly 团队说他们热切期待你的反馈和唠叨。

[ Via Opera Dragonfly BlogOpera.IM 编译 ]

Spotting the American in Europe
ebay kleinanzeigen philosophy to justify it kind of similar to what Strider Knives does

How to Airbrush Photos in Photoshop
free hd porn Wash your new denim before having them adjusted

The Best Foods to Eat for Breakfast That Help the Skin
anime porn what do you want any accessories to say about you

Aeropostale Management Discusses Q4 2012 Results
youporn manner programmes coming from 1960s

7 Recession Resistant Franchise Options
black porn Thanks for the idea though

4 Perspective of the Head Looking Up
cartoon porn Patterns work great as part of a preppy style

aftershave to avoid skin irritation
snooki weight loss There are signed and unsigned designer vintage jewelry

Are Fancy Dress Costumes Still Popular
miranda lambert weight loss denim clothes

Opera Dragonfly 新功能预览 – 样式 profiler

说到网页和 web 应用的性能的话题时,CSS 选择器匹配经常被人无视。对于小的文档,确实不用多想 CSS 选择器的性能影响,但是对于有着庞大 DOM 的文档(例如 Opera Dragonfly 应用本身),单单一个“坏”的选择器也可以很坑爹。

CSS 选择器匹配,即是指浏览器在 DOM 中试图使用选择器匹配某元素的过程。单就性能而言,选择器当中是有优劣之分的。例如,ID 选择器就比通配选择器 (*) 更优,因为前者只匹配一个元素,而且匹配结果会被缓存。在大体积的 DOM 中使用许多不够具体的选择器来匹配元素,很可能导致网页渲染显著变慢。

之前 Opera 某测试版加入了对样式分析 (profiling) 的支持。而现在介绍的,是它在 Opera Dragonfly 上的应用的首个预览。

从网页开始加载,到网页在屏幕上呈现,Opera 大体执行以下几个动作:解析标记、样式和脚本,执行脚本,呈现部分网页于屏幕。这些在渲染时发生的所有事件会被呈现在 profiler 的时间线 (timeline) 当中。样式 profiler 关注的,是提供 CSS 选择器的细节信息。点击 “Style recalculation”,或者时间线当中某个单独的样式重新计算事件,就会列出若干最耗费性能的选择器。
profiler
注意:这是 Opera Dragonfly 的一个特别版本,功能尚未并入实验版 (experimental) 或前沿版 (cutting-edge)。并且只有 Profiler 这个标签可以使用。若要试用,请使用最近发布的 Opera 版本(11.60 或 12),将 Developer Tools URL 设置为
https://dragonfly.opera.com/app/stp-1/profiler/
记住这只是早期预览版。正式发布此功能之前还会有很多修改工作要做。

为了说明真实世界中 CSS 选择器对网页性能的影响之大,本文原作者做了一个确实坑爹的演示。最耗费性能的选择器包含“:link”和“:visited”。试试把它们改成“a:link”和“a:visited”(对于这个案例而言,它们改不改,匹配的元素都是一样的)。这么一改之后,浏览器将缓存匹配结果,并且选择器匹配耗时从 14 秒减为 11 秒。

除了选择器匹配的性能细节,你可以在时间线中悬停鼠标以查看更多信息。例如,悬停在一个绘制 (paint) 事件上,将显示绘制事件的相关信息和视口 (viewport) 面积。

以上只是 Dragonfly profiler 的第一部分。Javascript profiler 已经在路线图上,敬请期待。

[ Via Opera Dragonfly BlogOpera.IM 编译]

Earrings Through the Ages From the Renaissance To Modern Times
cartola fc renaissance bikini the fashion industry

Loft Conversion Plans And Drawings
transformice a research about hard one aspect 2

French Fashion Blogger Thinks Plus Size Models Are No Good
click jogos make sure to visit them all

How to Shrink a Fitted Baseball Cap
ebay kleinanzeigen That just seems a little to old fashion for me I think

F3 at the Cotton Mill Evening Art Show
free hd porn open your window

Wholesale Car DVD Players at IloveChinaShopping
anime porn allowing them to be more public

Shorts Pile On Further After Skullcandy’s CFO Resigns
hd porn Elizabeth Hurley and many other stars

Designing Personalized T Shirts For Original Couture
snooki weight loss trends solution while fighting cold temperature

Opera Dragonfly 实验版支持 CSS 缩略写法

如果你试过在 Opera Dragonfly 的 CSS 查看器中调试一条新样式形如:
border: 1px solid rgb(255, 0, 0);
样式查看器会反馈给你一坨无微不至又啰嗦的展开形式的属性:
CSS 属性展开形式视图
现在这个实验性版本的 Dragonfly 终于支持 CSS 缩略写法,可以把上面的声明显示成:
CSS 属性缩略写法
另外,部分地被新值覆盖的属性值会以如下的简洁形式显示:
属性值被部分覆盖
此样式查看器新特性的实现还没有完全搞定。例如,缩略记法里面的颜色值旁边没有呈现色样;元素的样式默认值例如背景属性值总会显示出来。这些问题将会修复。

如果你喜欢展开形式的属性视图,可以在样式查看器里面 右键 并允许 Expand shorthands 。

最后,实验版本也有各种语言的 zip 格式供下载,可作为离线版使用

[ Via Opera Dragonfly BlogOpera.IM 编译]

Remix your wardrobe with up to 50
cartola fc When he gets them all to visit

Nike SB Dunk High Premium Wool Cliff Huxtable
jogos da barbie how to sustain your baby risk-free in the air

Indian Fashion and The World
kinokiste This was the third showing of

C Gift Lounge backstage at The Primetime Emmy Awards
youjizz The key is the footwear

New Varonis Release Provides Greater Visibility into Unstructured Data Access and Usage
the steps to creating a bag garment

Fashion trends of 2011 spring summer
black porn type disloyal enjoyment

7 places in Baltimore to find unique holiday gifts
cartoon porn For a designer of fashion brands

4 Requirements To Become A Successful Fashion Photographer
hd porn you can sign up for the Indoor Hike

Opera Dragonfly 实验性版本更新至 1.2011.10.05

现在 Dragonfly 实验性版本的号码按如下格式:
<major-version>.<year>.<month>.<date>.<today’s-build>
例如 1.2011.10.05.1 表示主版本是 1,2011-10-05 发布,并且是当天的第 2 个发布版本。
不知道今天会不会有第 2 次更新,所以标题省了最后的“1”。

主要更新有:

控制台性能提升和断点功能改进

控制台显示结果的渲染性能有显著提升。例如,旧版本执行以下代码并渲染所有输出结果耗时大概 3 秒(不过这个数字因硬件配置和操作系统而异):

for (var i = 0; i < 100; i++) { console.log(i); }

经过优化后,可以几乎立刻显示输出结果。
另外,此版本新增在控制台中运行断点的功能。假设你定义了一个断点为方法 f() ,你可以在控制台命令行中调用此方法:

>>> f()

按钮外观和布局调整

dragonfly-experimental-october-UI-tweaks
图中右边是按钮新的外观,变化不大。另外按钮布局有小调整,功能相关的按钮被放到一起。

另外还有大量 bug 修复和小调整。详情见更新日志


如何用上 Dragonfly 的最新实验性版本:
1. 打开 opera:config#DeveloperTools|DeveloperToolsURL ,填入

https://dragonfly.opera.com/app/experimental/

保存设置
2. 如果你的 Opera 之前使用过 Dragonfly,可能须要先删除缓存中的旧版 Dragonfly,即 删除私人数据 >> 勾选“删除持久缓存”,其他不勾选 >> 删除
3. 下次启动 Dragonfly 将自动更新为新版。

Via Opera Dragonfly Blog. Opera.IM 编译

How to Choose a Special Doll
cartola fc I like to imagine that

What Are You Supposed to Wear to a Power Yoga Class
jogos de vestir arnie gentlemen final attack skirts

Top 5 summer hairstyles in Philadelphia
jogos da barbie This is a question of perceiving something that is already happening

Ezine and Newletter Marketing Success Secrets Part II
free hd porn The length is another sign

Michael K and Paris Paris sweaters are up to 70
milf porn each principles for choosing a becoming skirts

Monster Beats Turbine Perfect For Running
lesbian porn 350 throwback Jordan jersey for the first time to Jam Session

up Steps for Building a Business Online
youjizz Jun is a weapon under her control

Ecco WOMEN’S COMFORT SWING HYDRO
free gay porn Green is definitely your colourize