阅读更多

对于Web开发者来说,浏览器的兼容性是个大问题。五花八门的浏览器种类和版本(包括移动版)导致应用的展示效果有时候各不相同,需要经过在各种浏览器场景下利用所附带的工具进行调试才能保证正常的呈现效果。但是Mozill本周四推出了Firefox Tools Adapter插件即将把Web开发者从转向苦差事中解放出来,它可以让开发者在Firefox浏览器内就能进行针对其他浏览器的调试。



按道理来说,在Web开发的世界里,如果HTML5CSS能一统天下的话,浏览器的差异应该就不成问题。但事实是,每个浏览器自身都多多少少有一些“原生”的东西。为了保证应用的呈现效果,Web开发者往往只能使用浏览器随带的开发者工具来调试代码;此外,熟悉各种浏览器的各种开发和调试工具也是很累的事。

 

但是Firefox Tools Adapter这个插件可以让这种状况改观,它可以让网站开发者在Firefox的环境内进行针对Android ChromeiOS Safari的调试。Web开发者可以利用FirefoxJavaScript调试器、DOMinspectorCSS编辑器,通过远程调试协议进行针对ChromeSafari等浏览器的调试。插件支持的功能包括脚本调试、通过开发者控制台运行Web代码、以及修改网站在iPhoneiPadAndroid等手机上的布局。

 

此前Firefox内部曾开发了一套工具用来调试AndroidFirefoxFirefox OS,这套工具可以在开发者将移动设备连接到桌面时让Firefox的工具在AndroidChromeiOSSafari浏览器上工作。这次推出的插件正是在此基础上开发的。

 

不过Firefox的这个插件仍处于试验阶段,目前仅支持FirefoxNightly,估计在45个月内将推广到稳定版。

 

几个月前,Mozilla发布了WebIDE项目,其意图是将浏览器打造为一个不仅仅消费Web应用而且也能开发和部署Web应用的完整环境。但是WebIDE面临的鸿沟是Web应用往往只能运行在少数浏览器内,而WebIDE只能在FirefoxFirefoxOS下工作。有了Firefox Tools Adapter之后,Web IDE将变成一个跨平台的工具。 

 

可以预期的是,这个原名为“热夜之梦”的项目一定能赢得Web开发界不少热烈的掌声,而Mozilla也将因为其开放性赢得更多的Web开发者。

 

 

  • 大小: 1013 KB
来自: 36氪
8
0
评论 共 5 条 请登录后发表评论
5 楼 zhangbaocheng 2014-09-14 21:11
这是个好东西 如果真可以能用的话
4 楼 张延龙地盘 2014-09-13 21:48
svasdf
3 楼 张延龙地盘 2014-09-13 21:48

fsdaf
2 楼 yoyo837 2014-09-12 17:48
能百分百模拟到真实场景吗?
1 楼 hottymg 2014-09-12 16:33
这个东西好啊

发表评论

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

相关推荐

  • 基于web应用的UI自动化、跨浏览器测试、测试结果分析:Selenium 开源的自动化测试工具基础教程

    Selenium是一个开源的自动化测试工具,它提供了基于web应用的UI自动化、跨浏览器测试、测试结果分析等功能。它提供的功能包括:自动化控制浏览器、操纵表单、点击链接及按钮、验证页面元素、执行JavaScript代码、...

  • FireBug浏览器调试工具

    Firebug 是网页浏览器 Mozilla Firefox 下的一款开发类插件,现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手...

  • [腾讯]有趣的数字

    小Q今天在上厕所时想到了这个问题:有n个数,两两组成二元组,相差最小的有多少对呢?相差最大呢?     输入描述:   输入包含多组测试数据。 对于每组测试数据: N - 本组测试数据有n个数 a1,a2...an - 需要计算的数据 保证: 1<=N<=100000,0<=ai<=INT_MAX.   输出描述:   对于每组数据,输出两个数,...

  • 10款最佳跨浏览器测试工具,建议收藏

    跨浏览器测试工具对于检查您...跨浏览器测试工具用于测试用户在日常生活中使用的所有不同浏览器(如 Chrome、Mozilla、Opera mini、ETC)中的应用程序和网站。这些跨浏览器测试工具提供了想法并确保了最佳的用户体验。

  • 10款最佳跨浏览器测试工具

    跨浏览器测试工具对于检查您...跨浏览器测试工具用于测试用户在日常生活中使用的所有不同浏览器(如 Chrome、Mozilla、Opera mini、ETC)中的应用程序和网站。这些跨浏览器测试工具提供了想法并确保了最佳的用户体验。

  • html怎么修改调试 在浏览器中,在浏览器中调试web页面(1):调试工具介绍

    在浏览器中调试web页面(一):调试工具介绍相信很多人都遇到过以下几个问题:为了调整页面某个元素的宽度或高度到最适合值,在ide中修改css或者html再刷新浏览器,重复上述修改步骤不下20次;为了修改html,先在ide...

  • 【web开发 模拟ua调试】修改chrome浏览器的user agent

    chrome浏览器是web开发的常用工具,而在实际开发中,常常需要模拟一些环境(比如模拟微信浏览器),当我们在本地开发时,如果没有实际环境但想要模拟这些环境,可以在chrome中修改user agent来模拟开发所需的环境。...

  • Github网络安全测试工具库

    文件目录爆破,SQL / XSS / RFI等漏洞扫描,也可直接用于struts,ShellShock等扫描)(一款开源Poc调用框架,可轻松调用Pocsuite,Tangscan,Beebeeto,Knowsec老版本POC,可使用docker部署)(一款web应用漏洞扫描器,...

  • 【WinForm】用ChromiumWeb内核开发一个自用的浏览器

    需要一个自用的浏览器,最好是用ChromiumWeb内核快速开发,下面使用Visual Studio 开发工具新建一个桌面程序WinForm项目,实现一个基本上网浏览功能使用即可...

  • 聊一聊浏览器兼容性测试的web差异.....

    当涉及到一个网络应用程序时,在它投入生产之前,开发人员必须确保它在所有浏览器中都能正常工作。最终用户应该能够体验能够处理所有关键功能的全功能站点而不考虑最终用户使用的浏览器或设备。应用程序的行为在不同...

  • 浏览器控制台调试工具console

    浏览器控制台调试函数console技巧汇总一、基本功能二、断言与统计1. 断言2. 行数计算3. 重置计数3. 打印对象,以列表形式输出对象属性三、js性能统计1. 性能分析,打印执行性能情况2. 输出代码的执行时间3. 显示内存...

  • Chrome 浏览器调试的日常使用总结

    这篇文章对日常开发中使用 Chrome 浏览器进行调试的方法总结。 使用 F12 或右键“检查(Inspect Element)”即可打开浏览器的调试工具(笔者使用的 Mac,Windows 也是一样的)。 1. 强制激活伪类 网页中一些动效是...

  • luciddream:Luciddream 是一个测试工具,用于在 Firefox 浏览器和其他设备(例如 Firefox OS 模拟器)之间运行测试

    该项目的主要目标是能够测试 Firefox 开发人员工具的,其中开发人员工具可用于调试在其他浏览器或设备中运行的 Web 内容。 Mozilla 目前没有对此功能进行任何自动化测试,因此运行一些自动化测试是一个高优先级。 ...

  • 手机浏览器调试方案--Debugging Firefox for Android with WebIDE

    Firefox开发者工具可以连接到Android版Firefox进行远程调试移动网站已经很久了,但直到现在这依然是一个非常复杂而容易出错的过程。从Firefox36开始我们努力让这个过程变得更加简单:特别是,你完全无需直接使用 ...

  • Web 性能测试工具

    Web 性能测试

  • 跨平台,跨浏览器兼容性问题_跨浏览器兼容性检查的完整指南

    这就引出了一个简单而关键的问题– 我们的访客使用的是什么浏览器? 据w3school称 ,常用的浏览器是Internet Explorer 7和8以及带有Safari和Google Chrome的 Firefox 。 但是,根据其利基市场,数字可能因站点而异...

  • WEB浏览器F12调试页面

    WEB浏览器F12调试页面 Elements—标签页,可以查看并且编辑页面元素,在左侧可以点选某一个元素,该元素会在页面上高亮,同时在右侧显示该元素的所有样式; Console—Console面板,就是Javascript控制台,Console最...

  • Web开发调试工具——FireBug

    做新闻发布系统的时候,牛老师在讲CSS之前建议我们安装Firefox+FireBug的组合,便于对我们...因此我就尝试给Sogou浏览器安装调试工具,那么Sogou的调试工具是什么呢?我们先来看看FireBug是什么吧。  在百度搜索框里

  • 如何使用Selenium WebDriver进行跨浏览器测试

    由于浏览器驱动程序可用于流行的浏览器,例如Chrome,Firefox,Internet Explorer,Safari和Microsoft Edge,因此您可以使用它们中的任何一个来执行跨浏览器测试。 应当注意,您不能在其浏览器驱动程序不公开的...

  • Web 2.0 浏览器端可靠性测试 第 1 部分: 带你走进 Web 2.0 浏览器端可靠性测试

    浏览器端可靠性测试的概念和背景 背景 Web 2.0 是一个体现当代网络技术发展趋势的流行概念。它使得基于 Web 的信息交互和用户间协作性更加灵活和丰富。很多的社交网站、博客、wiki,都是 Web 2.0 技术的典型...

Global site tag (gtag.js) - Google Analytics