Close
  • Latest News
  • Big Data and Analytics
  • Cloud
  • Networking
  • Cybersecurity
  • Applications
  • IT Management
  • Storage
  • Sponsored
  • Mobile
  • Small Business
  • Development
  • Database
  • Servers
  • Android
  • Apple
  • Innovation
  • Blogs
  • PC Hardware
  • Reviews
  • Search Engines
  • Virtualization
Read Down
Sign in
Close
Welcome!Log into your account
Forgot your password?
Read Down
Password recovery
Recover your password
Close
Search
Menu
Search
  • Latest News
  • Big Data and Analytics
  • Cloud
  • Networking
  • Cybersecurity
  • Applications
  • IT Management
  • Storage
  • Sponsored
  • Mobile
  • Small Business
  • Development
  • Database
  • Servers
  • Android
  • Apple
  • Innovation
  • Blogs
  • PC Hardware
  • Reviews
  • Search Engines
  • Virtualization
More
    Home Applications
    • Applications

    Windows 10 Launch Ushers in Improved F12 Web Developer Tools

    By
    Pedro Hernandez
    -
    July 22, 2015
    Share
    Facebook
    Twitter
    Linkedin
      Windows 10

      Microsoft Edge may have taken Internet Explorer’s place in Windows 10 as the new default Web browser, but its F12 tools live on.

      Edge, which officially launches alongside Windows 10 next week and is currently available in preview builds of the operating system, contains a new version of the F12 development tools that makes it easier to explore and manipulate Web code. F12 is so named because it springs into action when a user hits the F12 key.

      F12 is a collection of seven tools that enable developers to view HTML code, troubleshoot problems and monitor a Web application’s effect on a browser. They include an emulator that simulates various screen sizes and device types, a DOM (Document Object Model) Explorer, a debugger and a console for determining the status of code, along with performance, network and memory monitoring.

      One big behind-the-scenes change ahead of Edge’s impending release is how Microsoft is handling F12’s technical documentation going forward.

      Microsoft Edge Program Manager Ruben Rios said the company’s “F12 developer tools documentation is now part of the Microsoft Edge Dev site and fully available on GitHub,” in a July 21 announcement. “From this point on, the docs will not only be influenced by your feedback, but you’re invited to contribute and help shape our documentation going forward.”

      The new GitHub repository can be found here. “Over the coming months we will be working on adding new sections and content to enhance the documentation experience,” pledged Rios.

      The software maker also revamped F12’s debugger, making it easier for Web coders to spot and fix problems.

      Rios’ team streamlined the debugger’s CSS editing workflow, he said. “As a way to improve the usability and ease of styling your web pages, CSS files are exposed via the Debugger’s filer picker, allowing you to search and select any of the CSS files referenced on the HTML markup.”

      Now, the act of selecting a CSS file allows developers to edit it directly in the built-in text editor. Changes can be saved by clicking the save icon or using the familiar Ctrl+S shortcut, he noted.

      Cookies are less of a mystery with the new F12. “The Debugger now also provides detailed information about cookies that have been created by an HTTP header or via JavaScript,” said Rios.

      “The cookies view allows you see and modify existing cookies as well as create new ones,” he noted. “You can also clear individual cookies, session cookies or all cookies using the toolbar or the table’s context menu.” Similarly, developers can peer into the contents of local and session storage using the tool’s file picker.

      F12 in Microsoft Edge adds an eighth new tool called Experiments, a springboard of sorts for advanced functionality. “Our first experiment in the latest build allows you to edit any JavaScript file in the debugger source viewer,” Rios informed. Once enabled, users can edit, compare and save changes to their JavaScript code directly in the tool.

      Pedro Hernandez
      Pedro Hernandez is a contributor to eWEEK and the IT Business Edge Network, the network for technology professionals. Previously, he served as a managing editor for the Internet.com network of IT-related websites and as the Green IT curator for GigaOM Pro.

      MOST POPULAR ARTICLES

      Android

      Samsung Galaxy XCover Pro: Durability for Tough...

      Chris Preimesberger - December 5, 2020 0
      Have you ever dropped your phone, winced and felt the pain as it hit the sidewalk? Either the screen splintered like a windshield being...
      Read more
      Cloud

      Why Data Security Will Face Even Harsher...

      Chris Preimesberger - December 1, 2020 0
      Who would know more about details of the hacking process than an actual former career hacker? And who wants to understand all they can...
      Read more
      Cybersecurity

      How Veritas Is Shining a Light Into...

      eWEEK EDITORS - September 25, 2020 0
      Protecting data has always been one of the most important tasks in all of IT, yet as more companies become data companies at the...
      Read more
      Big Data and Analytics

      How NVIDIA A100 Station Brings Data Center...

      Zeus Kerravala - November 18, 2020 0
      There’s little debate that graphics processor unit manufacturer NVIDIA is the de facto standard when it comes to providing silicon to power machine learning...
      Read more
      Apple

      Why iPhone 12 Pro Makes Sense for...

      Wayne Rash - November 26, 2020 0
      If you’ve been watching the Apple commercials for the past three weeks, you already know what the company thinks will happen if you buy...
      Read more

      eWeek has the latest technology news and analysis, buying guides, and product reviews for IT professionals and technology buyers. The site’s focus is on innovative solutions and covering in-depth technical content. eWeek stays on the cutting edge of technology news and IT trends through interviews and expert analysis. Gain insight from top innovators and thought leaders in the fields of IT, business, enterprise software, startups, and more.

      Facebook
      Linkedin
      RSS
      Twitter
      Youtube

      Advertisers

      Advertise with TechnologyAdvice on eWeek and our other IT-focused platforms.

      Advertise with Us

      Menu

      • About eWeek
      • Subscribe to our Newsletter
      • Latest News

      Our Brands

      • Privacy Policy
      • Terms
      • About
      • Contact
      • Advertise
      • Sitemap
      • California – Do Not Sell My Information

      Property of TechnologyAdvice.
      © 2021 TechnologyAdvice. All Rights Reserved

      Advertiser Disclosure: Some of the products that appear on this site are from companies from which TechnologyAdvice receives compensation. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. TechnologyAdvice does not include all companies or all types of products available in the marketplace.

      ×