May 2018 Summaries

Chrome 67 introduced significant updates and features designed to enhance user experience, security, and developer tools. Key highlights include Site Isolation for improved security, protecting users from cross-site scripting attacks by isolating processes and reducing data exposure, albeit with increased memory consumption. The update also expanded API support by introducing the WEBXR and Device Sensor APIs, aiming to unify virtual and augmented reality experiences and provide enhanced interactivity for applications like gaming and fitness tracking. Developers benefit from updates in the DevTools, such as improved search functionality and performance tracking, while the new BigInt JavaScript primitive addresses the handling of large integers. The update also continued support for Progressive Web Apps, offering a more native-like experience, and deprecated some outdated features like HTTP-based Public Key Pinning and certain -webkit- prefixed CSS designs. Users can look forward to upcoming changes in version 68, promising a refined Material UI design and stricter security measures. Meanwhile, LambdaTest provides a platform for testing these new features seamlessly across different systems.

The blog post explores the implementation of automated cross-browser testing to enhance website functionality across various browsers like Chrome, Firefox, and Opera. It highlights the advantages of using automation scripts to save time and boost productivity while ensuring a seamless user experience. The guide provides detailed instructions on setting up a testing environment using Maven in Eclipse, downloading necessary browser drivers, and incorporating dependency files. It also includes a sample code for testing Amazon's website across different browsers, showcasing how to execute and verify tests using TestNG in a Maven project. Additionally, it mentions using LambdaTest for extensive manual and automated cross-browser testing across numerous browser and OS combinations, emphasizing continuous learning and adaptation in the field of software testing.

In 2018, Safari, Apple's browser, faced various compatibility challenges despite its advanced web technologies and unique features. While it maintained a significant share of the browser market, developers needed to ensure their websites were compatible with Safari due to its slower adaptation of new technologies compared to browsers like Chrome or Firefox. Key issues included lack of support for certain CSS features, some ECMA 6 capabilities, and specific multimedia formats such as Ogg and WebM. Additionally, Safari lagged behind in supporting Transport Layer Security (TLS) 1.3 and certain JavaScript APIs. However, Apple began improving Progressive Web App (PWA) support by implementing features like the Service Worker API and Web App Manifest, signaling a commitment to enhancing Safari's compatibility and performance. Despite these challenges, Safari remains backed by Apple and continues to be a relevant browser, necessitating cross-browser compatibility testing for developers.

The article from the Content Hub discusses the persistent issue of cross-browser compatibility bugs in web development, emphasizing that while JavaScript has traditionally been blamed for such issues, HTML and CSS can also contribute to compatibility problems. It highlights the importance of identifying and handling these errors, particularly those that are simple yet often overlooked. Validators and linters are recommended tools for detecting syntax errors and bad coding practices in HTML and CSS. The article also notes that browser developer tools can assist in finding CSS errors, though HTML errors are less visible due to automatic corrections by browsers. It stresses the importance of checking for unsupported HTML and CSS elements across different browsers, citing older versions of Internet Explorer and Google Chrome as examples of browsers with limited support for certain features. The author, Deeksha Agarwal from LambdaTest, urges developers to test their websites across various browsers to identify and rectify these issues, advocating that it is never too late to address compatibility problems.

The article, authored by Deeksha Agarwal from LambdaTest, emphasizes the importance of ensuring websites are compatible across different browsers, addressing the challenges developers face when their sites do not perform consistently on various platforms like Google Chrome, Internet Explorer, Safari, and Firefox. It highlights the necessity of a cross-browser testing strategy to identify and amend issues that arise due to unsupported technologies and features, such as specific CSS and HTML elements, across different browsers. The article suggests utilizing cross-browser-friendly libraries and frameworks, adding a CSS reset, and using separate stylesheets for different browsers to mitigate compatibility issues. It also recommends tools like LambdaTest for effective cross-browser testing, which helps identify and resolve bugs to ensure a seamless user experience across all browsers.

In 2018, Google Chrome dominated the desktop browser market, holding approximately 65% of the market share due to its speed, stability, and extensive ecosystem of tools and extensions, despite its reputation for being resource-intensive. Mozilla Firefox emerged as a strong competitor with its Quantum update, offering improved performance and customization, appealing particularly to Linux users. Microsoft's Edge and Internet Explorer, though criticized for past issues, have shown potential due to their integration with Windows 10 and Cortana. Safari, primarily used on Apple devices, has been losing users to Chrome, yet it remains efficient for Mac users with its WebKit engine and security features. Opera, although less popular, offers unique features like Turbo mode for efficient browsing on poor connections and an integrated VPN. In the mobile browser sector, Chrome leads globally, but Safari holds a significant presence in the U.S., with increasing competition from browsers like UC Web and Dolphin. The ongoing competition among these browsers continues to drive innovation and improvements, ultimately benefiting users.

LambdaTest has integrated the latest Chrome 67 Beta and Chrome 68 Dev browsers into its Cross Browser Testing platform, allowing users to test websites and web apps in the cloud on both Windows and Mac. Chrome 67 Beta introduces new features such as the WebXR Device API Origin Trial for augmented and virtual reality experiences, the TransformStream API for handling data streams, and enhancements in SVG, DOM, JavaScript, HTML custom elements, and DevTools. However, it also deprecates certain features like HTTP-Based Public Key Pinning and AppCache over HTTP, and removes some Webkit-prefixed CSS properties to improve browser interoperability. In contrast, Chrome 68, still in early development, will label HTTP websites as "not secure" while offering bug fixes, security updates, and feature enhancements. LambdaTest, a continuous quality testing cloud platform, facilitates faster code shipping for developers and testers.

Cross browser compatibility is crucial for ensuring that websites function consistently across the multitude of browsers and devices used by a diverse global audience. The rapid increase in the number of websites, internet users, and mobile devices over the past two decades has amplified the need for web developers to test their sites' performance across various platforms to prevent alienating potential users. Developers often exhibit "browser bias" by optimizing for their preferred browsers, inadvertently neglecting others that might be popular in different regions or among their target users. Ensuring compatibility involves staying updated with the latest web technologies, using tools like LambdaTest for comprehensive testing, and incorporating accessibility features to cater to users with disabilities, which also enhances SEO. Neglecting cross browser compatibility can lead to user dissatisfaction, negative perceptions, and loss of business to competitors, emphasizing its importance in maintaining a competitive edge in the digital marketplace.

Puppeteer is a powerful Node.js library that enables Chrome browser testing, allowing developers to automate web application testing with ease. It introduces the concept of headless browsers, which are faster, more flexible, and stable under automation stress. Puppeteer simplifies automated tasks on browsers by providing an API control over Chrome's DevTools Protocol, making it easier to test UI regression, screenshots, performance, load testing, and end-to-end testing. Its simplicity and flexibility have made it a popular choice among developers, and its integration with other tools like Jest, Headless Chrome, and LambdaTest has further enhanced its capabilities. With Puppeteer, developers can exercise control over the browser and website response time, test caching, and measure performance metrics to optimize websites for different devices and network speeds.