小编jsc*_*ter的帖子

在控制台中,它显示为本机功能,但我想知道它们是如何构建的.例如,按空格键滚动页面时执行的代码是什么.这些信息会教会我很多,我可以使我的功能更有效

在我的页面中,我有一个左侧边栏和一个容器,容器有一个边距左边,因为侧边栏是绝对定位的.

现在打印我隐藏侧边栏并恢复容器的左边距,但边距没有恢复.

这些是我的容器和侧边栏的样式:

#sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 200px;
}
#container {
    margin-left: 200px;
    padding: 20px;
    transition: margin-left .5s;
}

@media print {
    #sidebar { display: none;}
    #container {
        margin-left: 0px !important;
        padding: 0px !important;
    }
}

我正在使用Chrome 40.

我正在尝试修改图像的响应头以节省带宽并缩短响应时间。这些是我的文件：

清单文件

{
    "name": "Cache all images",
    "version": "1.0",
    "description": "",
    "background": {"scripts": ["cacheImgs.js"]},
    "permissions": [ "<all_urls>", "webRequest", "webRequestBlocking" ],
    "icons": {"48": "48.png"},
    "manifest_version": 2
}

缓存图片.js

var expDate = new Date(Date.now()+1000*3600*24*365).toUTCString();
var newHeaders =
    [{name : "Access-Control-Allow-Origin", value : "*"},
    {name : "Cache-Control", value : "public, max-age=31536000"},
    {name : "Expires", value : expDate},
    {name : "Pragma", value : "cache"}];
function handler(details) {   
    var headers = details.responseHeaders;
    for(var i in headers){
        if(headers[i].name.toLowerCase()=='content-type' && headers[i].value.toLowerCase().match(/^image\//)){
            for(var i in newHeaders) {
                var …