Firefox Adds Powerful New Developer Tools

Mozilla

137

Firefox for Windows, Mac and Linux adds powerful built-in developer tools and delivers smoother updates by making add-ons compatible by default.

Firefox adds a number of new built-in developer tools that let developers change the look and feel of websites in real-time. With Page Inspector, developers can peek into a page’s structure and layout without having to leave Firefox. This means they can quickly navigate between page elements and view the HTML document structure for the page. Style Inspector makes editing the style of websites even easier. Now developers have quick access to CSS properties and can view or change values for their website within Firefox. Scratchpad now uses the Eclipse Orion code editor to provide syntax highlighting and other features that make it easier and simpler to write JavaScript.

Firefox introduces the Mozilla Full-Screen API for websites and Web applications, allowing developers to build Web experiences that leverage the entire screen. Full-Screen API enables developers to create full screen games, immersive video experiences and rich presentation sharing. We’re excited to enable gaming experiences on the Web that rival the experience of a console, and are happy to see this feature being adopted by other browsers.

Firefox adds support for features that make it easier to build 3D Web experiences with open technologies. Mozilla pioneered WebGL and introduced it in Firefox. WebGL is a Web standard that allows websites and Web apps to display hardware-accelerated 3D graphics without third-party software. Firefox now supports Anti-Aliasing for WebGL, allowing developers to create objects that blend together and move smoothly. Firefox also supports CSS 3D Transforms, which lets developers animate and transform two dimensional elements into 3D using HTML5 without the need for third-party plugins.

We have also significantly improved Firefox Add-on compatibility and simplified the update process for all users because we are dedicated to delivering the best Firefox experience.

For more information:

 

137 responses

  1. Pingback from Firefox 10 out now: full screen apps, fewer crashes, disappearing forward button | ynpndcevents.org on ::

    [...]  |  Mozilla, Mozilla Blog  | Email [...]

  2. Pingback from Mozilla has released Firefox 10.0 for Windows, Mac and Linux « eComShoppers on ::

    [...] into a page’s structure and layout without having to leave Firefox,” read a Jan. 31 posting on The Mozilla Blog. In addition, a new tool called Style Inspector lets developers more easily edit Websites, and [...]

  3. Pingback from Mozilla has released Firefox 10.0 « eComTechnology on ::

    [...] into a page’s structure and layout without having to leave Firefox,” read a Jan. 31 posting on The Mozilla Blog. In addition, a new tool called Style Inspector lets developers more easily edit Websites, and [...]

  4. Pingback from Mozilla has released Firefox 10.0 for Windows « Credit Card Payments on ::

    [...] into a page’s structure and layout without having to leave Firefox,” read a Jan. 31 posting on The Mozilla Blog. In addition, a new tool called Style Inspector lets developers more easily edit Websites, and [...]

  5. Pingback from Mozilla has released Firefox 10.0 for Windows, Mac and Linux « eComTechnology on ::

    [...] into a page’s structure and layout without having to leave Firefox,” read a Jan. 31 posting on The Mozilla Blog. In addition, a new tool called Style Inspector lets developers more easily edit Websites, and [...]

  6. Pingback from Mozilla on julkaissut Firefox 10:n - PerformanX on ::

    [...] Kenties suurin muutos Firefoxissa on kokoruututilan ohjelmointirajapinta nettisivuille ja ohjelmille. [...]

  7. Pingback from ابزارهای قدرتمند و جدید توسعه وب در فایرفاکس | GilAsus on ::

    [...] در بلاگ خود خبر از افزودن ابزارها و قابلیت های جدید مخصوص [...]

  8. Pingback from ابزارهای قدرتمند و جدید توسعه وب در فایرفاکس | جامع ،کامل ، رایگان///پی سی سنتر\ on ::

    [...] در بلاگ خود خبر از افزودن ابزارها و قابلیت های جدید مخصوص [...]

  9. Pingback from ابزارهای قدرتمند و جدید توسعه وب در فایرفاکس | مجله اينترنتی گويا آی‌تی on ::

    [...] در بلاگ خود خبر از افزودن ابزارها و قابلیت های جدید مخصوص [...]

  10. Pingback from Firefox 10 Now Available for Download | SnaggStuff.com Blog on ::

    [...] Mozilla blog post explains the Inspectors as follows: “With Page Inspector, developers can peek into a [...]

  11. Pingback from Firefox 10 Now Available for Download « AndFed.com – Breaking News | Latest News | Current News on ::

    [...] Mozilla blog post explains the Inspectors as follows: “With Page Inspector, developers can peek into a [...]

  12. Pingback from ابزارهای قدرتمند و جدید توسعه وب در فایرفاکس « دنیای صفر و یک دنیای صفر و یک on ::

    [...] دیدگاه 01 نت : موزیلا در بلاگ خود خبر از افزودن ابزارها و قابلیت های جدید مخصوص [...]

  13. Pingback from Firefox 10 Now Available for Download « Breaking News | Latest News | Current News on ::

    [...] Mozilla blog post explains the Inspectors as follows: “With Page Inspector, developers can peek into a [...]

  14. Pingback from 虚拟机与宿主机网络配置(host-only模式) 操作系统 on ::

    [...] [复制]相关链接:Some Tools You May Possibly Need To Have When Starting An …Firefox Adds Powerful New Developer Tools | The Mozilla BlogOzge Karaoglu's Blog – A to Z Web Tool: KFor Those Of You In Internet Advertising You May [...]

  15. Pingback from ابزارهای قدرتمند و جدید توسعه وب در فایرفاکس | آذر نیوز آنلاین on ::

    [...] در بلاگ خود خبر از افزودن ابزارها و قابلیت های جدید مخصوص [...]

  16. Pingback from ابزارهای قدرتمند و جدید توسعه وب در فایرفاکس on ::

    [...] در بلاگ خود خبر از افزودن ابزارها و قابلیت های جدید مخصوص [...]

  17. Pingback from Firefox 10 Released, Includes New Developer Tools - MV.Tech.Blog on ::

    [...] Firefox 10 is the improved add-ons compatibility, Anti-Aliasing for WebGL, CSS3 3D-Transforms and developer tools such as Full Screen APIs, IndexedDB APIs and new inspect tool with content highlighting and new CSS [...]

  18. Pingback from Firefox 10 lockt Entwickler mit Dev-Tools » t3n News on ::

    [...] 10 das Erkunden von Webseiten-Strukturen, -Styles und eingebundenen JavaScripts, wie in einem Blog-Artikel von Mozilla erläutert wird. Man klickt im Firefox zum Beispiel einfach auf ein beliebiges HTML-Element [...]

  19. Pingback from ابزارهای قدرتمند و جدید توسعه وب در فایرفاکس | سایت تفریحی تک فان on ::

    [...] در بلاگ خود خبر از افزودن ابزارها و قابلیت های جدید مخصوص [...]

  20. Pingback from مختارات من تويتر #33: دورة مجانية لتعلم مكتبة jQuery في شهر واحد on ::

    [...] مميزات جديدة لمطوري المواقع في متصفح فايرفوكس [...]

  21. Pingback from مختارات من تويتر #33: دورة مجانية لتعلم مكتبة jQuery on ::

    [...] مميزات جديدة لمطوري المواقع في متصفح فايرفوكس [...]

  22. Pingback from مختارات من تويتر #33: دورة مجانية لتعلم مكتبة jQuery | مدونة فديتك on ::

    [...] مميزات جديدة لمطوري المواقع في متصفح فايرفوكس [...]

  23. Pingback from ابزارهای قدرتمند و جدید توسعه وب در فایرفاکس | آی تی لند on ::

    [...] در بلاگ خود خبر از افزودن ابزارها و قابلیت های جدید مخصوص [...]

  24. Pingback from ابزارهای قدرتمند و جدید توسعه وب در فایرفاکس | آی تی لند on ::

    [...] در بلاگ خود خبر از افزودن ابزارها و قابلیت های جدید مخصوص [...]

  25. Pingback from Today in Web Design » Browser News Roundup on ::

    [...] More about FireFox’s new toolset [...]

  26. Pingback from ابزارهای قدرتمند توسعه وب در فایرفاکس - مگ ای تی on ::

    [...] در بلاگ خود خبر از افزودن ابزارها و قابلیت های جدید مخصوص [...]

  27. Pingback from 电影之家 on ::

    [...] Aboutourwork – Social Web ToolseToolz Brings The Most Useful Network & Web Tools Under One HoodFirefox Adds Powerful New Developer Tools | The Mozilla BlogSurvey Tools | Web Tools for Aid Workers首页 | 登陆 | 联系 | 标签 | 链接Copyright © 2012 [...]

  28. Pingback from » Rethinking wordpress theme editor Blog | drecodeam on ::

    [...] am highly impressed by the new Firefox developer tools that have been introduced in Firefox 10, and it makes me think again of the idea of designing in [...]

  29. Pingback from Advertisement - Daily Skin Care Tips on ::

    [...] #split {}#single {}#splitalign {margin-left: auto; margin-right: auto;}#singlealign {margin-left: auto; margin-right: auto;}.linkboxtext {line-height: 1.4em;}.linkboxcontainer {padding: 7px 7px 7px 7px;background-color:#eeeeee;border-color:#000000;border-width:0px; border-style:solid;}.linkboxdisplay {padding: 7px 7px 7px 7px;}.linkboxdisplay td {text-align: center;}.linkboxdisplay a:link {text-decoration: none;}.linkboxdisplay a:hover {text-decoration: underline;} function opensplitdropdown() { document.getElementById('splittablelinks').style.display = ''; document.getElementById('splitmouse').style.display = 'none'; var titleincell = document.getElementById('titleincell').value; if (titleincell == 'yes') {document.getElementById('splittitletext').style.display = 'none';} } function closesplitdropdown() { document.getElementById('splittablelinks').style.display = 'none'; document.getElementById('splitmouse').style.display = ''; var titleincell = document.getElementById('titleincell').value; if (titleincell == 'yes') {document.getElementById('splittitletext').style.display = '';} } Manager Business IntelligenceMy Blog is my Castle!Warum Science Fiction einfach nicht totzukriegen istContest Need Break feat. Markantonio+PonticelliJe webshop promoten – deel 2: bloggenFirefox Adds Powerful New Developer Tools [...]

  30. Trackback from What is Coolest Answer for the Question “What do you do for a living?” from IM’ers... on ::

    What is Coolest Answer for the Question “What do you do for a living?” from IM’ers…

    [...What is Coolest Answer for the Question “What do you do for a living?” from IM’ers...]…

  31. Pingback from Chris Aniszczyk's (zx) diatribe » Eclipse Board Elections 2012 on ::

    [...] foray into web tooling via projects like Orion. It’s great to see Mozilla Firefox already adopting Orion in its developer tools, but we can do more in this [...]

  32. Pingback from Announcing Orion 0.4 | Orion News on ::

    [...] In addition to the great changes which a user would see, the underlying architectural components Orion is built on have been made more consumable. These changes have allowed other projects to integrate Orion pieces within their products. A major announcement during 0.4 development was the use of the editor in the ScratchPad within Firefox 10. [...]

  33. Pingback from #6: Picking the Mind of Chris Coyier » The East Wing on ::

    [...] Firefox Adds Powerful New Developer Tools [...]

  34. Pingback from ابزار قدرتمند توسعه وب در فایرفاکس | وبلاگ پرنسا on ::

    [...] در بلاگ خود خبر از افزودن ابزارها و قابلیت های جدید مخصوص [...]

  35. Pingback from Your Questions About Seo Tools | RichardKey on ::

    [...] if(!document.referrer || document.referrer == '') { document.write(''); } else { document.write(''); } H1 Tags – How to Use Them in SEOCensus.gov as a market analysis toolKeyword Density In Your ContentThe Best Way to Increase Traffic to Your WebsiteFirefox Adds Powerful New Developer Tools [...]

  36. Pingback from Podcast #27: CSS Workflow and Tools « Ask Different Blog on ::

    [...] and when debugging, showing the cascade so one can diagnose specificity issues. Additionally, the Firefox developer tools have been greatly improved recently and are becoming comparable to the WebKit tools, even boasting [...]

  37. Pingback from Podcast #27: CSS Workflow and Tools - Ask Different Podcast on ::

    [...] and when debugging, showing the cascade so one can diagnose specificity issues. Additionally, the Firefox developer tools have been greatly improved recently and are becoming comparable to the WebKit tools, even boasting [...]

More comments: 1 2 3