XFix: an automated tool for the repair of layout cross browser issues

Abstract

Di erences in the rendering of a website across di erent browsers can cause inconsistencies in its appearance and usability, resulting in Layout Cross Browser Issues (XBIs). Such XBIs can negatively impact the functionality of a website as well as users' impressions of its trustworthiness and reliability. Existing techniques can only detect XBIs, and therefore require developers to manually perform the labor intensive task of repair. In this demo paper we introduce our tool, XF , that automatically repairs layout XBIs in web applications. To the best of our knowledge, XF is the rst automated technique for generating XBI repairs. CCS CONCEPTS•So ware and its engineering →So ware testing and debugging; Search-based so ware engineering; KEYWORDS Cross-browser issues; automated search-based repair; web apps. ACM Reference format:

Towards Cross-browser Incompatibilities Detection: Asystematic Literature Review

“…Even though browser engines have also evolved, research in this area still poses several challenges, such as: detecting cross-browser incompatibilities between different platforms (Cross-platform incompatibilities) [16,34], given the increased popularity and variety of mobile devices and alternative operational systems; responsive design failure detection [35] for detecting inconsistencies in web applications when rendered in different viewport width scenarios; and automatic correction of Cross-browser incompatibilities using Search-Based Software Engineering [17].…”

“…Paes (2017) suggests this approach would increase the precision of the XBI detection approach. Furthermore, DOM-based Webpage segmentation is also present in other works associated to the automatic correction of XBIs, using search-based approaches [17].…”

Automated repair of layout cross browser issues using search-based techniques

“…For the termination conditions (b) and (c) of the search for the best combination of candidate xes (Section 3.3), the maximum threshold value is set to 50 and the sequence value is set to 10. More implementation details about XF are available in our tool demo paper [24].…”

Automated repair of mobile friendly problems in web pages

“…There have been approaches in the literature that attempt to ix presentation issues in a web page, but none of these attempt to repair mobile friendly problems. The XFix [22,23] technique, for example, repairs layout Cross Browser Issues (XBIs) Ð presentation failures arising from the inconsistencies in the rendering of a website across diferent browsers. In this domain, the łcorrectž presentation of the page is available through one of the browsers, the layout of which must be mimicked in another.…”