Forums
New posts
Search forums
News
Security News
Technology News
Giveaways
Giveaways, Promotions and Contests
Discounts & Deals
Reviews
Users Reviews
Video Reviews
Support
Windows Malware Removal Help & Support
Inactive Support Threads
Mac Malware Removal Help & Support
Mobile Malware Removal Help & Support
Blog
Log in
Register
What's new
Search
Search titles only
By:
Search titles only
By:
Reply to thread
Menu
Install the app
Install
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Forums
Software
Browsers
Microsoft Edge
Announcing the webhint v1 browser extension for Microsoft Edge
Message
<blockquote data-quote="Bot" data-source="post: 837372" data-attributes="member: 52014"><p>We are thrilled to announce that the <a href="https://webhint.io" target="_blank">webhint</a> browser extension has moved from beta to its v1 release and is <a href="https://microsoftedge.microsoft.com/insider-addons/detail/mlgfbihcfnkaenjpdcngdnhcpkdmcdee" target="_blank">now available for Insider builds of Microsoft Edge</a>, as well as for <a href="https://chrome.google.com/webstore/detail/webhint/gccemnpihkbgkdmoogenkbkckppadcag" target="_blank">Chrome</a> and <a href="https://addons.mozilla.org/en-US/firefox/addon/webhint/" target="_blank">Firefox</a>!</p><p></p><p>The webhint browser extension allows you to easily scan a website and get feedback on accessibility, browser compatibility, security, performance, and more within the browser DevTools. Read more at <a href="https://webhint.io/%5d(https:/webhint.io/" target="_blank">https://webhint.io/</a>.</p><p></p><p><span style="font-size: 18px"><strong><strong>Try the webhint browser extension</strong></strong></span></p><p></p><p></p><p>Once you’ve <a href="https://microsoftedge.microsoft.com/insider-addons/detail/mlgfbihcfnkaenjpdcngdnhcpkdmcdee" target="_blank">installed the extension</a> for your browser, simply open DevTools and select the Hints tab. From here, you’ll be able to run a customizable site scan. You can select what browsers are relevant to you by using the browserslist syntax. (<a href="https://github.com/browserslist/browserslist" target="_blank">browserslist</a> is the defacto standard for creating browser support matrix, and it’s used by tools such as <a href="https://github.com/postcss/autoprefixer" target="_blank">autoprefixer</a>.) You can also ignore certain cross-origin resources in your scan, letting you focus on the code you care about most.</p><p></p><p><img src="https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/5aa91003f711059b5d20cd1f98f0cefd.png" alt="Screenshot of the Hints tab in the Microsoft Edge DevTools" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><span style="font-size: 18px"><strong><strong>What’s new for v1</strong></strong></span></p><p></p><p></p><p>Since <a href="https://medium.com/webhint/announcing-the-webhint-browser-extension-abb22f4cfeb" target="_blank">announcing the beta in July</a>, we’ve made a number of bug fixes, improvements, performance enhancements, and all-new features to the browser extension based on your feedback. Here are a few of the highlights.</p><p></p><p><span style="font-size: 15px"><strong><strong>Improvements to cross-browser compatibility hints</strong></strong></span></p><p></p><p></p><p>Making sure your website works in all the browsers you care about is a difficult task. webhint’s compat-api uses <a href="https://github.com/mdn/browser-compat-data" target="_blank">MDN’s browser compat data</a> to help you identify possible gaps in your browser support matrix.</p><p></p><p>In v1, we added <a href="https://webhint.io/docs/user-guide/hints/hint-compat-api/" target="_blank">suggestions for missing vendor prefixes</a>. These hints are especially helpful for testing cross-browser compatibility. We also improved the way in which browser versions are listed in compatibility hints, as shown in the before and after screenshots below.</p><p></p><p><img src="https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/2c98e820c05b5b38f47fc799ce96586d.png" alt="Screenshot of a hint in the previous version of webhint" class="fr-fic fr-dii fr-draggable " style="" /></p><p>Browser versions were shortened in prior versions of webhint</p><p></p><p><img src="https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/7c3c7dcf5a5bf3c34707d4984c9e7185.png" alt="Screenshot of a hint in the webhint v1 extension, with an improved layout" class="fr-fic fr-dii fr-draggable " style="" /></p><p>In webhint v1, compatibility hints will display browser versions more clearly, and provide tips to get better cross-browser support</p><p></p><p><span style="font-size: 15px"><strong><strong>Grouping of similar hints</strong></strong></span></p><p></p><p></p><p>Previously, if a hint affected numerous elements on a webpage, it could produce an overwhelming number of recommendations. We’ve improved this experience by grouping similar hints together.</p><p></p><p><img src="https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/9ae77aaae005127a5345c228ea834b27.gif" alt="Screen capture showing similar hints grouped together" class="fr-fic fr-dii fr-draggable " style="" /></p><p>Similar hints are now grouped together</p><p></p><p><span style="font-size: 15px"><strong><strong>More insights on accessibility</strong></strong></span></p><p></p><p></p><p>Previously, the browser extension surfaced color contrast hints but did not display the current color contrast ratio. In v1, this information has been added to color contrast hints.</p><p></p><p>We’ve also made more granular category breakdowns for accessibility to help you quickly sort through recommendations.</p><p></p><p><img src="https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/e2b24cac490eb217c177990938f0d532.png" alt="Screenshot of category breakdowns and new accessibility insights" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><span style="font-size: 15px"><strong><strong>…and more!</strong></strong></span></p><p></p><p></p><p>webhint now uses <a href="https://github.com/dequelabs/axe-core" target="_blank">axe-core</a> version 3.3.2, giving us a great performance boost. Browser extension scans now take and average of 9 seconds. We’ve also added hints for <a href="https://webhint.io/docs/user-guide/hints/hint-scoped-svg-styles/" target="_blank">inline SVG styles</a>, bug fixes, and more! You can see the full changelog <a href="https://webhint.io/about/changelog" target="_blank">here</a>.</p><p></p><p><span style="font-size: 15px"><strong><strong>webhint <img src="https://s.w.org/images/core/emoji/11.2.0/72x72/2764.png" alt="❤" class="fr-fic fr-dii fr-draggable " style="" /> open source</strong></strong></span></p><p></p><p></p><p><img src="https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/a9e1732b30fe97be8ea5b6228988bcae.png" alt="Illustration of the webhint mascot, Nellie the narwhal, at a computer" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p>webhint is built in then open as an OpenJS foundation project, and has benefited from the contributions of about <a href="https://github.com/webhintio/hint/issues?utf8=%E2%9C%93&q=is%3Aissue+created%3A%3E2019-07-23" target="_blank">30 unique contributors active on our GitHub repo</a> since our last browser extension announcement at the end of July. Thank you all for being part of the webhint community!</p><p></p><p>If you have feedback or would like to get involved in the future development of webhint, please find us on <a href="https://github.com/webhintio" target="_blank">GitHub</a>, <a href="https://gitter.im/webhintio/Lobby" target="_blank">Gitter</a>, or <a href="https://twitter.com/webhintio" target="_blank">Twitter</a>.</p><p></p><p>– <a href="https://twitter.com/partytimeHXLNT" target="_blank">Rachel Weil</a>, Program Manager, Microsoft Edge DevTools</p><p></p><p>The post <a href="https://blogs.windows.com/msedgedev/2019/09/30/announcing-the-webhint-v1-browser-extension-for-microsoft-edge/" target="_blank">Announcing the webhint v1 browser extension for Microsoft Edge</a> appeared first on <a href="https://blogs.windows.com/msedgedev" target="_blank">Microsoft Edge Blog</a>.</p></blockquote><p></p>
[QUOTE="Bot, post: 837372, member: 52014"] We are thrilled to announce that the [URL='https://webhint.io']webhint[/URL] browser extension has moved from beta to its v1 release and is [URL='https://microsoftedge.microsoft.com/insider-addons/detail/mlgfbihcfnkaenjpdcngdnhcpkdmcdee']now available for Insider builds of Microsoft Edge[/URL], as well as for [URL='https://chrome.google.com/webstore/detail/webhint/gccemnpihkbgkdmoogenkbkckppadcag']Chrome[/URL] and [URL='https://addons.mozilla.org/en-US/firefox/addon/webhint/']Firefox[/URL]! The webhint browser extension allows you to easily scan a website and get feedback on accessibility, browser compatibility, security, performance, and more within the browser DevTools. Read more at [URL='https://webhint.io/%5d(https:/webhint.io/']https://webhint.io/[/URL]. [SIZE=5][B][B]Try the webhint browser extension[/B][/B][/SIZE] Once you’ve [URL='https://microsoftedge.microsoft.com/insider-addons/detail/mlgfbihcfnkaenjpdcngdnhcpkdmcdee']installed the extension[/URL] for your browser, simply open DevTools and select the Hints tab. From here, you’ll be able to run a customizable site scan. You can select what browsers are relevant to you by using the browserslist syntax. ([URL='https://github.com/browserslist/browserslist']browserslist[/URL] is the defacto standard for creating browser support matrix, and it’s used by tools such as [URL='https://github.com/postcss/autoprefixer']autoprefixer[/URL].) You can also ignore certain cross-origin resources in your scan, letting you focus on the code you care about most. [IMG alt="Screenshot of the Hints tab in the Microsoft Edge DevTools"]https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/5aa91003f711059b5d20cd1f98f0cefd.png[/IMG] [SIZE=5][B][B]What’s new for v1[/B][/B][/SIZE] Since [URL='https://medium.com/webhint/announcing-the-webhint-browser-extension-abb22f4cfeb']announcing the beta in July[/URL], we’ve made a number of bug fixes, improvements, performance enhancements, and all-new features to the browser extension based on your feedback. Here are a few of the highlights. [SIZE=4][B][B]Improvements to cross-browser compatibility hints[/B][/B][/SIZE] Making sure your website works in all the browsers you care about is a difficult task. webhint’s compat-api uses [URL='https://github.com/mdn/browser-compat-data']MDN’s browser compat data[/URL] to help you identify possible gaps in your browser support matrix. In v1, we added [URL='https://webhint.io/docs/user-guide/hints/hint-compat-api/']suggestions for missing vendor prefixes[/URL]. These hints are especially helpful for testing cross-browser compatibility. We also improved the way in which browser versions are listed in compatibility hints, as shown in the before and after screenshots below. [IMG alt="Screenshot of a hint in the previous version of webhint"]https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/2c98e820c05b5b38f47fc799ce96586d.png[/IMG] Browser versions were shortened in prior versions of webhint [IMG alt="Screenshot of a hint in the webhint v1 extension, with an improved layout"]https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/7c3c7dcf5a5bf3c34707d4984c9e7185.png[/IMG] In webhint v1, compatibility hints will display browser versions more clearly, and provide tips to get better cross-browser support [SIZE=4][B][B]Grouping of similar hints[/B][/B][/SIZE] Previously, if a hint affected numerous elements on a webpage, it could produce an overwhelming number of recommendations. We’ve improved this experience by grouping similar hints together. [IMG alt="Screen capture showing similar hints grouped together"]https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/9ae77aaae005127a5345c228ea834b27.gif[/IMG] Similar hints are now grouped together [SIZE=4][B][B]More insights on accessibility[/B][/B][/SIZE] Previously, the browser extension surfaced color contrast hints but did not display the current color contrast ratio. In v1, this information has been added to color contrast hints. We’ve also made more granular category breakdowns for accessibility to help you quickly sort through recommendations. [IMG alt="Screenshot of category breakdowns and new accessibility insights"]https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/e2b24cac490eb217c177990938f0d532.png[/IMG] [SIZE=4][B][B]…and more![/B][/B][/SIZE] webhint now uses [URL='https://github.com/dequelabs/axe-core']axe-core[/URL] version 3.3.2, giving us a great performance boost. Browser extension scans now take and average of 9 seconds. We’ve also added hints for [URL='https://webhint.io/docs/user-guide/hints/hint-scoped-svg-styles/']inline SVG styles[/URL], bug fixes, and more! You can see the full changelog [URL='https://webhint.io/about/changelog']here[/URL]. [SIZE=4][B][B]webhint [IMG alt="❤"]https://s.w.org/images/core/emoji/11.2.0/72x72/2764.png[/IMG] open source[/B][/B][/SIZE] [IMG alt="Illustration of the webhint mascot, Nellie the narwhal, at a computer"]https://blogs.windows.com/wp-content/uploads/prod/sites/33/2019/09/a9e1732b30fe97be8ea5b6228988bcae.png[/IMG] webhint is built in then open as an OpenJS foundation project, and has benefited from the contributions of about [URL='https://github.com/webhintio/hint/issues?utf8=%E2%9C%93&q=is%3Aissue+created%3A%3E2019-07-23']30 unique contributors active on our GitHub repo[/URL] since our last browser extension announcement at the end of July. Thank you all for being part of the webhint community! If you have feedback or would like to get involved in the future development of webhint, please find us on [URL='https://github.com/webhintio']GitHub[/URL], [URL='https://gitter.im/webhintio/Lobby']Gitter[/URL], or [URL='https://twitter.com/webhintio']Twitter[/URL]. – [URL='https://twitter.com/partytimeHXLNT']Rachel Weil[/URL], Program Manager, Microsoft Edge DevTools The post [URL='https://blogs.windows.com/msedgedev/2019/09/30/announcing-the-webhint-v1-browser-extension-for-microsoft-edge/']Announcing the webhint v1 browser extension for Microsoft Edge[/URL] appeared first on [URL='https://blogs.windows.com/msedgedev']Microsoft Edge Blog[/URL]. [/QUOTE]
Insert quotes…
Verification
Post reply
Top
