我从事网络开发已经有一段时间了，帮助我学习的是直观地了解正在发生的事情。
这就是 Aardvark、Web 开发人员、Firebug 和许多其他工具出现的原因。
但是当我看到 Gecko Reflow Videos他们让我大吃一惊。
那么我的问题是，是否可以真正调试 html(单步执行每个元素)？还是接近它？
我一直在做的很多事情是使用 Aardvark 并删除元素，但 Aardvark 在“背景”和相同大小的元素方面存在问题，并且无法定位这些元素。
更新:我一直在努力为这个问题写一个很好的更新，因为它让我对它有了更多的思考。但由于英语不是我的主要语言，所以很难。
在过去的几年里，浏览器承担了与标准兼容的任务。随着他们越来越接近该目标，我们应该考虑在浏览器兼容性最低的情况下我们真正可以创建什么，以及是否有我们可以利用的技术来加快页面呈现速度。
我们可以将过去几十年视为 HTML/CSS 的早年，当时的主要目标只是让它发挥作用。现在我们应该寻找加速当前过程的技术。这方面的一个例子是上面的视频，其中 Gecko 引擎两次运行代码。这是为什么？是否还有其他情况下它会做不必要的事情(即使它们可以工作并且兼容)
这显然需要进行测试才能确认，因此我最初的问题是真正的调试器。
最佳答案
我的 0.02 美元:
“真正的”HTML 调试，在您所说的意义上，在技术上是不可能的，因为 HTML 用户代理(网络浏览器)不需要以特定顺序呈现 HTML 元素，也没有类似的东西像“语句”一样的原子执行单元。
例如，在渲染表格时，用户代理是否应该为每个 <tr> 保留空间？在渲染他们的 child 之前 <td>s (广度优先)？或者它应该渲染每个 child <td>每个 <td>s child 等等(深度优先)？实际上，用户代理会进行各种猜测以尝试尽快呈现页面。换句话说，不能保证调试顺序将匹配实际渲染顺序，也不应该有。
HTML 在这个意义上可以被认为是一种声明性语言，因为它指定应该做什么(根据规范呈现的页面)，但没有具体说明如何做(确切地说是将元素呈现到屏幕的顺序)。通常，最好假设所有事情同时发生，尽管 W3C does give some tips关于加速<table>基于用户代理应该呈现方式的呈现 <table>元素。
IMO，webdev 工具栏和 Firebug 是我们拥有的最好的，我们可以在其中编辑/禁用特定的 HTML 元素和 CSS 规则。
关于html - 真正的 HTML 调试可能吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/387183/
我想将html转换为纯文本。不过，我不想只删除标签，我想智能地保留尽可能多的格式。为插入换行符标签，检测段落并格式化它们等。输入非常简单，通常是格式良好的html(不是整个文档，只是一堆内容，通常没有anchor或图像)。我可以将几个正则表达式放在一起，让我达到80%，但我认为可能有一些现有的解决方案更智能。 最佳答案 首先，不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案，它会随着HTML的变化而崩溃，或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h
我试图获取一个长度在1到10之间的字符串，并输出将字符串分解为大小为1、2或3的连续子字符串的所有可能方式。例如:输入:123456将整数分割成单个字符，然后继续查找组合。该代码将返回以下所有数组。[1,2,3,4,5,6][12,3,4,5,6][1,23,4,5,6][1,2,34,5,6][1,2,3,45,6][1,2,3,4,56][12,34,5,6][12,3,45,6][12,3,4,56][1,23,45,6][1,2,34,56][1,23,4,56][12,34,56][123,4,5,6][1,234,5,6][1,2,345,6][1,2,3,456][123
在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？ 最佳答案 您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这
所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择
我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时，我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有，我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.
GivenIamadumbprogrammerandIamusingrspecandIamusingsporkandIwanttodebug...mmm...let'ssaaay,aspecforPhone.那么，我应该把“require'ruby-debug'”行放在哪里，以便在phone_spec.rb的特定点停止处理？(我所要求的只是一个大而粗的箭头，即使是一个有挑战性的程序员也能看到:-3)我已经尝试了很多位置，除非我没有正确测试它们，否则会发生一些奇怪的事情:在spec_helper.rb中的以下位置:require'rubygems'require'spork'
使用Ruby1.9.2运行IDE提示说需要gemruby-debug-base19x并提供安装它。但是，在尝试安装它时会显示消息Failedtoinstallgems.Followinggemswerenotinstalled:C:/ProgramFiles(x86)/JetBrains/RubyMine3.2.4/rb/gems/ruby-debug-base19x-0.11.30.pre2.gem:Errorinstallingruby-debug-base19x-0.11.30.pre2.gem:The'linecache19'nativegemrequiresinstall
我有:When/^(?:|I)follow"([^"]*)"(?:within"([^"]*)")?$/do|link,selector|with_scope(selector)doclick_link(link)endend我打电话的地方:Background:GivenIamanexistingadminuserWhenIfollow"CLIENTS"我的HTML是这样的:CLIENTS我一直收到这个错误:.F-.F--U-----U(::)failedsteps(::)nolinkwithtitle,idortext'CLIENTS'found(Capybara::Element
我正在学习http://ruby.railstutorial.org/chapters/static-pages上的RubyonRails教程并遇到以下错误StaticPagesHomepageshouldhavethecontent'SampleApp'Failure/Error:page.shouldhave_content('SampleApp')Capybara::ElementNotFound:Unabletofindxpath"/html"#(eval):2:in`text'#./spec/requests/static_pages_spec.rb:7:in`(root)'
我正在尝试将一个简单的CSV文件读入HTML表格以在浏览器中显示，但我遇到了麻烦。这就是我正在尝试的:Controller:defshow@csv=CSV.open("file.csv",:headers=>true)end查看:输出:NameStartDateEndDateQuantityPostalCode基本上我只获取标题，而不会读取和呈现CSV正文。 最佳答案 这最终成为最终解决方案:Controller:defshow#OpenaCSVfile,andthenreaditintoaCSV::Tableobjectforda
