小编Lia*_*rch的帖子

如何判断Chrome使用的是哪种字体?

想象一下,我有以下CSS

font-family: 'Non-existant Sans', Arial, sans-serif;
Run Code Online (Sandbox Code Playgroud)

假设系统上未安装"不存在的Sans",浏览器将使用Arial.使用Chrome,有没有办法找出正在呈现的字体?

编辑:戴夫(在问题的评论中)指出了一个类似的问题.我在这里专门询问Chrome.然而,另一个问题中的许多答案都表明扩展是可以的; 是否存在使用Dev Tools单独确定此信息的本地方法?

编辑2013年9月: Chrome团队刚刚宣布,Chrome Canary最新版本中提供了字体系列检查(Twitter链接包含更多信息的图像).这应该会在未来几周内通过dev> beta>稳定下来 - 好消息!

css fonts google-chrome

68
推荐指数
4
解决办法
2万
查看次数

rgba背景与IE过滤器替代:IE9渲染两者!

我正在尝试使用CSS3 rgba()和microsoft的filter属性混合使得div的背景透明,如下所示:

div {
    width: 200px;
    height: 200px;
    /* blue, 50% alpha */
    background: rgba(0,0,255,0.5);
    /* red, 50% alpha */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFF0000,endColorstr=#7FFF0000);
}
Run Code Online (Sandbox Code Playgroud)

正如预期的那样,支持的浏览器rgba()会将div渲染为蓝色,而IE 6-8会将其渲染为红色.

IE9显然可以处理两者(之前我认为filter支持已被删除),结果是紫色 div.是否有任何方法可以使IE9支持这些属性而不支持其他属性?rgba()显然是首选.

NB我正在使用IETester来运行这些测试.如果IE9的正确版本没有这样做,请告诉我.

css internet-explorer-9

15
推荐指数
4
解决办法
2万
查看次数

MySQL COUNT()多列

我正在尝试从我的数据库中的所有视频中获取最受欢迎的标签(忽略空白标签).我还需要每个标签的'flv'.如果每个视频都有一个标签,我就可以按照自己的意愿工作:

SELECT tag_1, flv, COUNT(tag_1) AS tagcount 
  FROM videos 
 WHERE NOT tag_1='' 
 GROUP BY tag_1 
 ORDER BY tagcount DESC LIMIT 0, 10
Run Code Online (Sandbox Code Playgroud)

但是在我的数据库中,每个视频都允许使用三个标签 - tag_1,tag_2和tag_3.有没有办法让从多列中读取最流行的标签?

记录结构是:

+-----------------+--------------+------+-----+---------+----------------+ 
| Field           | Type         | Null | Key | Default | Extra          | 
+-----------------+--------------+------+-----+---------+----------------+ 
| id              | int(11)      | NO   | PRI | NULL    | auto_increment | 
| flv             | varchar(150) | YES  |     | NULL    |                | 
| tag_1           | varchar(75)  | YES  |     | NULL    |                | 
| tag_2           | varchar(75) …
Run Code Online (Sandbox Code Playgroud)

mysql sql count

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

当selector包含正斜杠时,querySelectorAll抛出DOM异常

可能是一个愚蠢的问题,但我遇到了document.querySelectorAll()的问题.

我正在尝试找到一个带有mime-type的标签作为它的属性.例如

document.querySelectorAll('style[type=text/css]');
Run Code Online (Sandbox Code Playgroud)

在Chrome 9上,这会引发以下错误

Uncaught Error: SYNTAX_ERR: DOM Exception 12
Run Code Online (Sandbox Code Playgroud)

如果省略type属性,则不会抛出错误.如果我删除正斜杠它也不会抛出错误(但显然不会返回任何节点).

我知道有简单的工作来获取所有元素,并测试每个元素的类型属性,但我很好奇为什么这不起作用.我是否需要逃避正斜杠?或者这可能只是Chrome 9中不支持的选择器?

javascript webkit google-chrome

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