Automatic Detection of Potential Layout Faults Following Changes to Responsive Web Pages (N)
Automatic Detection of Potential Layout Faults Following Changes to Responsive Web Pages (N)
复制标题
自动检测响应式网页更改后的潜在布局错误 (N)
DOI：
10.1109/ase.2015.31
复制
发表时间：
2015
期刊：
影响因子：
--
通讯作者：
Gregory M. Kapfhammer
中科院分区：
文献类型：
--
作者：
Thomas A. Walsh;Phil McMinn;Gregory M. Kapfhammer
由于用于访问万维网的移动设备数量呈指数级增长，因此，在各种支持Web的设备上，网站的功能和用户友好性至关重要。这种必要性导致了响应式Web设计(RWD)的引入，它使用复杂的级联样式表(CSS)根据所使用的设备的视窗宽度流畅地修改网站的外观。尽管现有工具可能支持对响应网站进行测试，但它们的使用非常耗时且容易出错，因为它们需要在指定的视区宽度处进行手动屏幕截图检查。针对这些问题，本文提出了一种在响应设计的网站中自动检测潜在布局错误的方法。为了对这一方法进行实验评估，我们将其作为一个工具实现，称为ReDeCheck，并将其应用于5个真实世界的网站，这些网站的响应性设计方法和复杂性都有所不同。实验表明，ReDeCheck发现了91%的插入版图错误。
Due to the exponential increase in the number ofmobile devices being used to access the World Wide Web, it iscrucial that Web sites are functional and user-friendly across awide range of Web-enabled devices. This necessity has resulted in the introduction of responsive Web design (RWD), which usescomplex cascading style sheets (CSS) to fluidly modify a Web site's appearance depending on the viewport width of the device in use. Although existing tools may support the testing of responsive Web sites, they are time consuming and error-prone to use because theyrequire manual screenshot inspection at specified viewport widths. Addressing these concerns, this paper presents a method thatcan automatically detect potential layout faults in responsively designed Web sites. To experimentally evaluate this approach, weimplemented it as a tool, called ReDeCheck, and applied itto 5 real-world web sites that vary in both their approach toresponsive design and their complexity. The experiments revealthat ReDeCheck finds 91% of the inserted layout faults.