Microsoft Modern. IE helps developers easily test webpage compatibility

Introduction: webpage developers may often have such confusions. Faced with the ever-accelerating technological evolution rate of the browser ecosystem, it is difficult for developers to determine whether their web pages can be perfectly compatible with browsers. Over the past few years, Microsoft has been committed to helping Web developers perform Web code more efficiently and comply with Web standards. To make it easier for developers to test compatibility, Microsoft has officially launched Modern. internet Explorer is a new compatibility testing tool designed to make the web page more perfect for the new Internet Explorer 10 browser.

In the past few years, Microsoft has made many attempts to address such problems. For example, you can use automatic system updates to upgrade your IE browser to the latest version to adapt to more modern web pages. Before the official release, you can release the Platform Preview version IE browser, get to know the feedback from developers in advance, fully support modern web development standards such as HTML5 and CSS3, and combine cutting-edge performance with touch functions. However, after in-depth discussion with many Web developers, Microsoft found that it is still a huge challenge to quickly solve the problem of browser compatibility, so the Modern. IE tool site came into being (http://www.modern.ie/zh-cn ). "Modern. the emergence of IE tools greatly simplifies developers' webpage testing work, improves the efficiency of webpage optimization, and enables developers to focus on creating more exquisite webpages for users."

Modern. the IE tools make Web development for IE10 easier. One of its important functions is to scan the code in the webpage through the entered URL address, and find out all common errors that may affect the browsing experience. These errors are classified into three categories: compatibility issues with the old version of IE browser, whether they can run properly on multiple devices and platforms, and matching the new features of Windows 8. "In the past, our webpage design and testing team spent a lot of effort and time on web page compatibility testing," said Li Jing, CEO of the popular Windows 8 app "Board report, in particular, when the design details change, almost all the test procedures need to be repeated. After using the Modern. IE series tools, we saved a lot of initial testing time, put the testing manpower and time on the most important link, and improved the efficiency ."

In fact, it takes only a few seconds to wait. Modern. IE will automatically generate a detection report, which provides suggestions for improving the website from the three major sections above:

1. solve common problems related to compatibility with earlier ie browsers:

L known compatibility issues: Microsoft will take the initiative to test websites with high click-through rates and certain influences when the IE browser makes a major version update, to avoid compatibility issues in the new version of IE and help them solve related problems. Using this tool in Modern. IE, developers can more easily access the compatibility check data and directly contact Microsoft to reduce the time it takes to search and modify the recommended document in the MSDN community;

L compatibility mode: When the webpage code written by the developer for the earlier version of IE is incompatible with the new version of IE (IE9 and IE10, this website will appear in the Compatibility View List. Web developers sometimes do not know this, Modern. IE-related tools can help developers determine whether their websites have compatibility issues. If the websites are in the list, it is recommended to use automated JavaScript tools to detect and delete old website tags, this ensures that the site is compatible with the current version of IE;

L Framework and Library: As we all know, the basic components of these old web pages will also cause compatibility problems. By studying websites with high click rates, Microsoft found that common library compatibility problems mainly occur in Javascript frameworks such as Jquery and Prototype, while Modern. IE will automatically detect them and provide related compatibility solutions;

L standard network document mode (Web Standards Docmode): used to retrieve the document type tag Code (DocType Markup Code) on the current webpage ), the purpose of the tag code is to notify the browser to comply with modern Web development standards such as HTML5 and CSS3. The tag code of earlier versions will force ie browsers of all versions to be presented in IE8 mode, which will seriously affect the performance of HTML5 sites and increase the workload of developers to write code suitable for modern browsers. This tool in Modern. IE can solve such problems in a simple way.

2. Make your webpage run better in multiple browsers and devices:

L CSS prefix (CSS-Prefixes): This test can be used to check whether a specific prefix is missing in the CSS code of the current webpage, leading to compatibility issues. Modern. prefix check tools in IE include-Moz (Firefox),-Ms (Internet Explorer),-O (Opera), and-Webkit (Chrome & Safari) all mainstream browsers;

L browser plug-ins: Although Microsoft advocates a plug-free network environment under the brand new IE10 browser, it is still difficult for developers to fully implement it as a new idea. This test under Modern. IE determines whether the website requires plug-ins that are unavailable on mobile devices (such as Surface or iPad. If a plug-in is detected, this tool will guide developers on how to obtain more help information about "build a plug-free web page" to provide users with the best browsing experience;

L Responsive Web Design: as an emerging development practice, this tool can detect whether the current website uses Media Queries, a new feature under CSS3. This feature allows developers to precisely adapt to different devices by changing the page layout without changing the content, and display the best results on the screen to enhance the browsing experience;

L browser Detection: Modern. IE checks the webpage encoding mode and filters the results of the referenced domain from the script instead of directly referencing the webpage (similar to a third-party analysis tool) to determine whether Browser Detection is used. When supporting multiple browsers and multiple platforms, Microsoft will recommend when to use function detection to replace browser detection to simplify site maintenance.

3. Rebuild with the new features in Windows 8:

L Touch-browsing: in this Modern. IE test, we recommend that you set the Default Behavior when you use a Touch browser (such as IE10) to access the site ). When a user uses a common touch gesture (such as scaling or double-clicking) for operations, the browser can automatically determine the operations that the user will perform;

L Start Screen Site Tile: Modern. the IE wizard provides developers with a new method to paste their Website Logo to Windows 8 Start Screen tile. developers can use these new features in Windows 8, provides users with a more personalized browsing experience.

Another problem that is currently plagued by web developers is that they may need to perform comprehensive compatibility tests on the site on multiple browsers and cross-platform devices, which greatly increases the testing workload of developers. While Modern. to solve this problem, the IE tools directly build the famous virtual web page Compatibility Test Service BrowserStack, regardless of the devices and operating systems used by developers, it can be used to test the running status of web pages in different browsers. It is worth mentioning that the BrowserStack exclusive Channel on Modern. IE provides free services for all Web developers for three months. With BrowserStack, the developer's testing cost will be greatly reduced, and any browser testing can be completed through the cloud.

Modern. IE also provides browser components in Chrome and Firefox. developers can directly connect to the BrowserStack Virtual Test Service by clicking the options on the webpage.

In addition, Modern. IE also provides virtual machine VHD files for local testing for Web developers in multiple environments, such as Windows PC, Mac, and Linux. Such as Hyper-V/Virtual PC in Windows 8, VMWare Fusion/Parallels in Mac, VirtualBox in Linux, and a series of other virtualization tools, the purpose is to allow Web developers using various platforms to simply participate in the compatibility test of IE 10.

Through Modern. more and more Web developers will be able to develop more dynamic and secure Web products for modern IE10 browsers, more and better Web products will also attract more users to use the IE10 browser, thus promoting the continuous improvement of the IE10 browser.