BrowserStack与Visual Studio集成的跨浏览器调试


[原文发表地址]  Cross Browser Debugging integrated into Visual Studio with BrowserStack

[原文发表时间]  2013-01-31 4:56 PM

  • BrowserStackVisual Studio的集成image
      • 旁白: VS2012.2 Update完毕时,你只需要安装它就可以获得ASP.NET Web Tools
  • 现代网站的新在线工具
    • 前往http://modern.ie来获取让跨浏览器站点变得更简单的工具,包括在线站点分析器和可下载的、面向任何虚拟平台的虚拟机。

在 Microsoft 下载中心上有一些虚拟机,但这过于乏味来挖掘和获取你需要的那个。

BrowserStack

今天 IE 团队宣布了新网址http://modern.ie ,它使得跨浏览器测试变得更简单。更神奇的是,他们与BrowserStack.com建立了伙伴关系来为其托管的浏览器虚拟化服务提供三个月的免费试用

BrowserStack 中拥有每个浏览器可以想象得到的虚拟机。你可以选取你的操作系统、 浏览器版本和屏幕分辨率,然后使用它们的 Flash 插件有效地 VNC (远程)到其中。这是完全无缝联接的,真的很酷。

在这里你可以看到,在BrowserStack内,在Windows XP上用IE6打开我的网站,外观是多么的丑陋。继续往下阅读,它变得好一些了。嗯,IE6 不会变得更好,但这个案例会。

My site looks like crap on IE6. As it should.

BrowserStack Visual Studio 2012集成

甚至更好,我注意到 BrowserStack 有像这样不错的、可破解的URL:

http://www.browserstack.com/start#os=Windows&os_version=XP&browser=IE&

browser_version=6.0&zoom_to_fit=true&url=hanselman.com&resolution=1024x768&speed=1

当我看见它是这么的清楚时,我立即开始编写一个 Visual Studio 插件。

我说,这太明显了。有人已经写过,是吗?我谷歌一下。是的,5 天前。

BrowserStack 已经有一个可爱的Visual Studio扩展可供使用。它将BrowserStack添加作为在你的 Visual Studio 2012 debug下拉列表中的一种新浏览器选择。

image

开始调试,选择我的操作系统和浏览器,在此例中,在Mountain Lion上运行着Safari。

image

在登录到 BrowserStack帐户后,你可以在你的本地 web 服务器和 BrowserStack 之间设置一条通道(通过使用 Java,但是 如果你不想使用 applet的话,你也可以从命令行中实现),甚至在云中进行调试。非常酷。

image

我已经设置好此通道后,在这里,我正在调试一个website,它通过一个远程的Mountain Lion Mac运行 Safari 6。或别的什么。你明白了吧。

Remoting into a Mac and DEBUGGING with Visual Studio

在这里,我在断点处。它吓坏了我。

Remoting into a Mac and DEBUGGING with Visual Studio

再次,如果你已经拥有了 VS2012,你可以以这些方式获取这。你可以前往http://asp.net/browsers,你可以前往http://modern.ie或你可以只点击Visual Studio 本身内的" More Emulators "。

image

玩得愉快!

Comments (0)

Skip to main content