您好,我想知道网页上允许的 div 数量是否有限制?
例如,当 Internet Explorer 必须呈现具有上千个 div 的网页时,它会开始卡住吗?
最佳答案
我知道这是一篇旧帖子,但我最近做了一个与这个主题直接相关的测试,我想分享我的结果。
我创建了一个简单的 php 脚本,它吐出 x 个 5px x 5px 内联 block div 来测试浏览器稳定性和页面滚动能力。
在页面上 1000 div 时,IE9、Firefox 和 Chrome 没有任何问题,甚至在滚动时似乎都没有打嗝。
在 10,000 div 时,IE9 和 Chrome 能够以几乎察觉不到的延迟滚动,仍在我书中的“可接受”范围内,但是 Firefox 开始更加明显地滞后,以至于您感觉滚动条在跳跃比应有的时间晚半秒到位。
有趣的是,10,000 个 div 和 100,000 个 div 之间的性能差异并不像您想象的那么大。 IE9 和 Chrome 的滚动延迟几乎察觉不到(Chrome 是两者中稍微平滑的),而 Firefox 的延迟非常明显,可能会被认为很烦人,但仍然运行良好(即它不会t崩溃)。
现在页面上有 500,000 个 div,它终于开始变得有趣了。 IE9 崩溃并尝试自行重启(当然是在同一页面上)并再次崩溃,此时我正确关闭它,重新启动它,并再次尝试以确保再次发生相同的结果。它做了。
Chrome 保持稳定,但由于极度延迟,几乎无法滚动页面。
最大的惊喜是 Firefox,这个浏览器在 100,000 个 div 时显得笨拙,在 500,00 个 div 时几乎相同......滚动不流畅,但它比 Chrome 好得多。
令人惊讶的是,页面上 1,000,000 个 div 的结果几乎相同! Firefox 在没有崩溃的情况下处理了它们,并且尽管“矮胖”但仍可滚动。 IE9崩溃了。 Chrome 能够加载该页面,但速度变得非常慢,几乎无法使用。
我知道这不完全是一项科学研究,但我认为除了我之外,其他人可能会对它感兴趣。
测试是在配备双至强处理器和 4 GB 内存并运行 Windows 7 的戴尔工作站上进行的。
关于javascript - 网页中允许的最大 div 数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3486239/
我使用Nokogiri(Rubygem)css搜索寻找某些在我的html里面。看起来Nokogiri的css搜索不喜欢正则表达式。我想切换到Nokogiri的xpath搜索,因为这似乎支持搜索字符串中的正则表达式。如何在xpath搜索中实现下面提到的(伪)css搜索?require'rubygems'require'nokogiri'value=Nokogiri::HTML.parse(ABBlaCD3"HTML_END#my_blockisgivenmy_bl="1"#my_eqcorrespondstothisregexmy_eq="\/[0-9]+\/"#FIXMEThefoll
我有一个使用SeleniumWebdriver和Nokogiri的Ruby应用程序。我想选择一个类,然后对于那个类对应的每个div,我想根据div的内容执行一个Action。例如,我正在解析以下页面:https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=puppies这是一个搜索结果页面,我正在寻找描述中包含“Adoption”一词的第一个结果。因此机器人应该寻找带有className:"result"的div,对于每个检查它的.descriptiondiv是否包含单词“adoption
我需要用任何语言编写一个算法,根据3个因素对数组进行排序。我以度假村为例(如Hipmunk)。假设我想去度假。我想要最便宜的地方、最好的评论和最多的景点。但是,显然我找不到在所有3个中都排名第一的方法。Example(assumingthereare20importantattractions):ResortA:$150/night...98/100infavorablereviews...18of20attractionsResortB:$99/night...85/100infavorablereviews...12of20attractionsResortC:$120/night
我遇到了一个非常奇怪的问题,我很难解决。在我看来,我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时,我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性,其中包括href和data-method。再次单击此链接后,我的服务器收到了对新href的请求,但使用的是旧的data-method,即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是,如果我刷新页面,HTML与"new"HTML相同(随返回的JS发生变化),但它实际上发送了正确的请求类型。这就是这个问题令我困惑的
我正在尝试用ruby编写一个简单的网络抓取代码。它一直工作到第29个url,然后我收到此错误消息:C:/Ruby193/lib/ruby/1.9.1/open-uri.rb:346:in`open_http':500InternalServerError(OpenURI::HTTPError)fromC:/Ruby193/lib/ruby/1.9.1/open-uri.rb:775:in`buffer_open'fromC:/Ruby193/lib/ruby/1.9.1/open-uri.rb:203:in`blockinopen_loop'fromC:/Ruby193/lib/r
我有这个:AccountSummary我想单击该链接,但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan
下面有没有更优雅的方法来实现这个:输入:array=[1,1,1,0,0,1,1,1,1,0]输出:4我的算法:streak=0max_streak=0arr.eachdo|n|ifn==1streak+=1elsemax_streak=streakifstreak>max_streakstreak=0endendputsmax_streak 最佳答案 类似于w0lf'sanswer,但通过从chunk返回nil来跳过元素:array.chunk{|x|x==1||nil}.map{|_,x|x.size}.max
require'pp'p*1..10这会打印出1-10。为什么这么简洁?您还可以用它做什么? 最佳答案 它是“splat”运算符。它可用于分解数组和范围并在赋值期间收集值。这里收集赋值中的值:a,*b=1,2,3,4=>a=1b=[2,3,4]在此示例中,内部数组([3,4])中的值被分解并收集到包含数组中:a=[1,2,*[3,4]]=>a=[1,2,3,4]您可以定义将参数收集到数组中的函数:deffoo(*args)pargsendfoo(1,2,"three",4)=>[1,2,"three",4]
我看到有关未找到文件min.map的错误消息:GETjQuery'sjquery-1.10.2.min.mapistriggeringa404(NotFound)截图这是从哪里来的? 最佳答案 如果ChromeDevTools报告.map文件的404(可能是jquery-1.10.2.min.map、jquery.min.map或jquery-2.0.3.min.map,但任何事情都可能发生)首先要知道的是,这仅在使用DevTools时才会请求。您的用户不会遇到此404。现在您可以修复此问题或禁用sourcemap功能。修复:获取文
我有一个用Rails3编写的站点。我的帖子模型有一个名为“内容”的文本列。在帖子面板中,html表单使用tinymce将“content”列设置为textarea字段。在首页,因为使用了tinymce,post.html.erb的代码需要用这样的原始方法来实现。.好的,现在如果我关闭浏览器javascript,这个文本区域可以在没有tinymce的情况下输入,也许用户会输入任何xss,比如alert('xss');.我的前台会显示那个警告框。我尝试sanitize(@post.content)在posts_controller中,但sanitize方法将相互过滤tinymce样式。例如