假设您在Microsoft的Edge浏览器中打开一个页面。有时可以选择切换到阅读视图。例如,此页面:https://www.scottaaronson.com/democritus/lec3.html
据我所知,这个观点做了两件事:首先,它使用一堆启发式算法来确定什么是重要的,什么不是,并相应地破坏DOM。例如,在上面的页面上,它出于某种原因决定“不(A而不是A)”是至关重要的。
其次,它应用了一堆样式表,使事情更容易阅读。其中一个样式表试图在屏幕上尽可能多地填充文本列,以避免浪费屏幕空间,但也避免使用难以阅读的长行。
但是我试着看看DOM和CSS,我实际上无法弄清楚它如何设法获得多个列。是否有一些作弊行为,或者我只是不太了解CSS?
答案 0 :(得分:1)
微软没有作弊;读者视图使用的是普通的旧multi-column layouts,并且效果很好。您可以在此处查看完整的[专有]来源:
C:\Windows\SystemApps\Microsoft.MicrosoftEdge_8wekyb3d8bbwe\Assets\ReadingView\