DevTools:如何定义用户样式表并默认加载它?

时间:2014-01-13 00:08:50

标签: google-chrome google-chrome-devtools

今天在Smashing Magazine的Facebook页面上有一篇文章:

  

刚看到一个年轻女孩向她(惊讶的)朋友炫耀Devtools,   添加转换到Facebook。 Web开发人员拥有神奇的力量   所有。 Quote:“只需在用户样式表中定义旋转和倾斜,加载   它默认情况下你的男朋友会在一瞬间发疯。“

有人可以指导我完成这个过程吗?

1 个答案:

答案 0 :(得分:0)

在Chrome中,点击Ctrl-Shift-I打开开发工具。从那里,点击elements标签。如果您现在正在阅读此内容,请在此页面上进行操作。您应该看到stackoverflow的HTML。点击<body>标记,然后在左侧显示Styles。从那里,查看background-color:white所在的位置,然后点击white。您应该能够在那里输入自己的颜色,并且您会立即看到页面上的更改。您可以使用页面中任何页面上的任何HTML块来执行此操作。您可以添加样式属性,编辑它们等。您也可以修改页面的Javascript。玩弄它。

玩得开心。