小编Pur*_*ket的帖子

如何证明两个HTML页面看起来相同?

例如,我有这个:

<pre>
sun<br/>
&nbsp;&nbsp;&nbsp;&nbsp;mercury <br/>
&nbsp;&nbsp;&nbsp;&nbsp;venus <br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;earth <br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;mars <br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;jupiter <br/>
&nbsp;&nbsp;&nbsp;&nbsp;saturn <br/>
</pre>
Run Code Online (Sandbox Code Playgroud)

和这个:

<div style="font-family:monospace">
  <div style="text-indent: 0">sun</div> <br/>
  <div style="text-indent: 4ch">mercury</div> <br/>
  <div style="text-indent: 4ch">venus</div> <br/>
  <div style="text-indent: 8ch">earth</div> <br/>
  <div style="text-indent: 8ch">mars</div> <br/>
  <div style="text-indent: 12ch">jupiter</div> <br/>
  <div style="text-indent: 4ch">saturn</div> <br/>
</div>
Run Code Online (Sandbox Code Playgroud)

我希望第二个看起来像第一个。

我相信这些外观相同,但是我唯一的证明是使用了旧的“在Windows真正的快速浏览和眼球跟踪之间来回切换”技术。(天文学家称其为“眨眼比较器”-https: //en.wikipedia.org/wiki/Blink_comparator)。我确保窗户的大小相同,位置相同。但是,如果渲染的HTML无法在屏幕上显示,则可能太困难了。

有没有更确定的工具或方法可以进行此比较?

我在Chrome 77.0.3865.120和Firefox 69.0.3中都看到了这些。

例如,我知道使用最初是Web Standards Project(Web标准项目)的一部分的浏览器Acid测试-https: //www.acidtests.org/-像素完美渲染是基准。

(额外的功劳:第二个代码段的HTML可能足以满足我的需求;如果您愿意提出改进的建议,将是值得欢迎的。)

编辑:我的问题比较了两个小的HTML示例,可以将它们呈现为适合浏览器的可见部分。但总的来说,我想知道HTML的答案可能很长。

html css acid3

19
推荐指数
3
解决办法
470
查看次数

有多少HTTP动词?

我计算了9个HTTP请求方法:

GET
HEAD
POST
PUT
DELETE
CONNECT
OPTIONS
TRACE
PATCH
Run Code Online (Sandbox Code Playgroud)

以上内容来自:https: //developer.mozilla.org/en-US/docs/Web/HTTP/Methods

是吗?这会改变吗?

methods protocols http request

10
推荐指数
1
解决办法
4042
查看次数

如何配置Github Desktop在OSX中从命令行运行?

我曾经能够使用Github GUI应用程序这样做:

$ github .
Run Code Online (Sandbox Code Playgroud)

这将打开GUI中的当前目录,但需要一个新的别名或类似的"Github桌面",这是新的GUI应用程序截至2015年8月12日.

git macos command-line alias github

9
推荐指数
1
解决办法
3572
查看次数

如何查询 git 日志中的 Co-Authored-By

如果我想找到 Joe Blo 创作的提交,很简单:

git log --author=joe.blo@x.com
Run Code Online (Sandbox Code Playgroud)

但是,如果提交是按如下方式创建的:

git commit -m "Our awesome code changes.
>
>
Co-authored-by: Joe Blo <joe.blo@x.com>
Co-authored-by: Henry Chilinsky <henry@example.com>"
Run Code Online (Sandbox Code Playgroud)

如此处所述: https: //help.github.com/en/github/committing-changes-to-your-project/creating-a-commit-with-multiple-authors

上面,Joe 被认为是共同作者,但我最初的--author=joe.blo@x.com查询找不到此提交。我如何找到 Joe 是合著者的提交?

编辑:首选命令行解决方案,但可以处理此问题的第三方工具有加分: tiggithubtower等。

git

7
推荐指数
1
解决办法
2261
查看次数

如何在浏览器中勾勒 HTML 页面的元素以查看框的布局?修改用户代理样式表?

在 Chrome devtools、Firefox devtools、Safari、Opera 等中,如果我检查一个元素,当我将鼠标悬停在源面板中该元素的代码上时,我可以看到它的边界框很好地勾勒出来。那太棒了。但是,如果我想查看页面上所有(或大部分)元素的布局怎么办?例如,也许我想看到这样的事情:

在此处输入图片说明

在 Firefox “样式编辑器”中,我添加了这些样式:

div { border: 1px dotted pink }
p   { border: 1px solid green }
a   { border: 2px solid yellow }
li  { border: 1px dashed cyan }
img { border: 1px solid purple}
Run Code Online (Sandbox Code Playgroud)

(Chrome 无法执行此操作,因为它不支持 UAAG 2.0 Web 可访问性标准)。由于用户代理样式表覆盖了页面中的样式,我看到了我正在寻找的轮廓类型。

现在这只是一个 hack,也许就足够了,但是还有其他工具可以做到这一点,或者我没有在 devtools 中找到什么?

注意:我确实在 Chrome 的“渲染”菜单选项下找到了有关“显示合成图层边框”的答案,但这并不是我真正想要的:

https://superuser.com/questions/774424/grid-overlay-showing-up-as-soon-ai-launch-chrome-developer-tools

css browser layout user-agent outline

6
推荐指数
4
解决办法
1万
查看次数

在jQuery ajax加载或更新后,我丢失了mouseover事件

在使用.load更新我的div后,即将项添加到我的列表中,我使用了firebug并看到列表已更新.但是,我丢失了鼠标悬停事件,该事件在页面首次加载时起作用....在我的脚本中我有:

// hide and show are css classes that display none and block respectively

function openList(){
    $("#miniList").removeClass().addClass("show");
}
function closeList(){
    $("#miniList").removeClass().addClass("hide");
}
...
$(document).ready(function() {
    $("#miniList").mouseover(function() {
        openList();
    })
    $("#miniList").mouseout(function() {
        closeList();
     })
});
Run Code Online (Sandbox Code Playgroud)
function addItemToDiv(id, ref, num) {
    $("#miniList").load("/list/ajax_updateList.jsp", {
        'action' : 'additem',
        'pid' : id,
        'pref' : ref,
        'qty' : num
    });
}
Run Code Online (Sandbox Code Playgroud)

...当然,这在第一次加载页面时工作正常,但是当我将项目添加到列表时,DOM会更新,但鼠标悬停效果不再起作用.

任何想法都受到欢迎.提前谢谢了.

javascript ajax jquery javascript-events

5
推荐指数
1
解决办法
4977
查看次数

两点之间的重击历史

我想做类似的事情

history 2960-2966
Run Code Online (Sandbox Code Playgroud)

具有这种输出的期望:

2960  2013-12-09 20:59:35 bundle update
2961  2013-12-09 21:00:08 git st
2962  2013-12-09 21:00:12 git add .
2963  2013-12-09 21:01:19 git st
2964  2013-12-09 21:01:43 git log
2965  2013-12-09 21:02:45 git st
2966  2013-12-09 21:02:57 git reset HEAD Gemfile.lock
Run Code Online (Sandbox Code Playgroud)

在bash shell中有可能吗?

更新:我的问题是关于查看这七个历史记录行,而不是日期本身;碰巧我HISTTIMEFORMAT在.bash_profile中有一条指令来提供日期和时间戳。如果要删除它,那么我希望history 2960-2966其他一些东西来生成此输出:

2960  bundle update
2961  git st
2962  git add .
2963  git st
2964  git log
2965  git st
2966  git reset HEAD Gemfile.lock
Run Code Online (Sandbox Code Playgroud)

我希望显示所需的历史记录行,最好使用在.bash_profile中指定的任何自定义设置。

我为什么要这个?一个非常简单的用例是:我做类似的事情来history | …

bash shell history built-in

5
推荐指数
1
解决办法
384
查看次数

Rails控制台历史命令(通过pry) - 它可以是grepped还是tailed?

在Rails 4中,rails console我可以输入history,它的行为就像history来自bash shell 的命令一样.例如:

[25] my_rails_project »  history
  1: Nomination
  2: {:ad => "asdfsdasadf"}
  3: Nomination.count
  4: Nomination.count.to_sql
  5: Nomination.all.class
  6: Nomination.all.to_sql
  ...
Run Code Online (Sandbox Code Playgroud)

有没有办法搜索那段历史,例如history | grep Nomination?尾巴怎么样?

注意:当我最初写这个问题时,我认为history命令来自Rails本身,但它来自pry我在我的系统中的jazz_hands宝石(我的Gemfile指定了拉入撬的宝石).Pry确实有一个grep功能,例如,history --grep Nomination会给我上面的第1和第3-6行.它还有一个tail功能.这些记录在这里:https: //github.com/pry/pry/wiki/History

history ruby-on-rails irb pry

3
推荐指数
2
解决办法
2912
查看次数

bootstrap 表单控件类有什么用?

我在思考如何使用form-controlBootstrap 提供的类的策略时遇到了麻烦。

一方面,我从 Bootstrap 文档中得到了这个相当平淡的评论:

文本表单控件(如输入、选择和文本区域)使用 .form-control 类设置样式。包括用于一般外观、焦点状态、大小等的样式。

参考:https : //getbootstrap.com/docs/4.0/components/forms/#form-controls

而另一方面,我有相当杂草的代码要查看:

.form-control {
  display: block;
  width: 100%;
  height: $input-height;
  padding: $input-padding-y $input-padding-x;
  // ... 40-some lines elided ...
}
Run Code Online (Sandbox Code Playgroud)

参考:https : //github.com/twbs/bootstrap/blob/275cd7f91eed9f4051d85c295e5c14ef08937804/scss/_forms.scss

我的问题:我如何从整体上修改现有代码或使用form-control.

css twitter-bootstrap

3
推荐指数
1
解决办法
3007
查看次数

如何重命名GCE永久磁盘?

这应该很容易,但......

我一直在研究我正在调用的Google Compute Engine持久性磁盘映像,现在utilserver基本上需要从头开始重新构建它,但我可能需要原始的一个来尝试一些事情以防出现问题.所以我想重命名utilserverutilserver-backup,然后创建一个新的utilserver,希望能最终被更正确.但是,在我的项目的Web控制台下,只有一个"删除"按钮,没有"重命名"按钮.gcutil似乎也没有重命名命令.好吧,我尝试创建一个快照,utilserver然后从那个新的持久性磁盘调用utilserver-backup,但是当我这样做时,新磁盘看起来像一个全新的图像 - 我以前的安装工作都没有在那里.这里有什么想法?

rename snapshot persistent-storage google-compute-engine gcutil

2
推荐指数
1
解决办法
2003
查看次数

相当于Javascript的'console.log(a,b)'的Ruby等价物

在JavaScript中,console.log工作方式如下:

$ node
> console.log(1,2) ; console.log(3,4)
1 2
3 4
Run Code Online (Sandbox Code Playgroud)

在Ruby中,我想输出值a,后跟一个空格,然后输出值,然后输出b换行符.这些都不令人满意:

$ irb
2.4.1 :001 > print 1,2 ; print 3,4
1234 => nil 
2.4.1 :002 > puts 1,2 ; puts 3,4
1
2
3
4
 => nil 
Run Code Online (Sandbox Code Playgroud)

我没有自己的运气而运气不好吗?

javascript ruby

1
推荐指数
1
解决办法
464
查看次数