Chrome高级设置

1.获取缩放比例并设置字体12px

需求是这样的，谷歌浏览器缩放后，字体也要缩放，缩放到12px（谷歌默认的字体大小，没法再小了），要突破限制，要用到css的缩放属性。我不知道这基于什么样的心理，才能想到要把字体缩放到看不见的样子，我觉得既然谷歌强制默认字体是12px ,自然有他的道理，字体再小，就看不见了。首先获取浏览器的缩放比例（谷歌浏览器右上角设置里面有个缩放功能）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

function detectZoom (){
    var ratio = 0,
    screen = window.screen,
    ua = navigator.userAgent.toLowerCase();
    if (window.devicePixelRatio !== undefined) {
        ratio = window.devicePixelRatio;
    }
    else if (~ua.indexOf('msie')) {
        if (screen.deviceXDPI && screen.logicalXDPI) {
            ratio = screen.deviceXDPI / screen.logicalXDPI;
        }
    }
    else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
        ratio = window.outerWidth / window.innerWidth;
    }

    if (ratio) {
        ratio = Math.round(ratio * 100);
    }
    return ratio/100;
};

然后就是对字体进行缩放，其实不是对字体进行缩放，没办法对字体进行缩放，只能对包含字体的元素div进行缩放。

1
2
3
4
5

.small-font{ 
　　font-size:12px; 
    -webkit-transform-origin-x: 0;
    -webkit-transform: scale(0.90);
}

使用scale属性，最终解决了这个变态的需求。缩放之后，果然看不清楚字了，不知道这有什么用呢？

2.加载本地文件

默认的Chrome加载本地文件，是被禁止的，也就是不能通过：file:/// 这种形式打开一个本地的html，特别是具有相对目录的情况下。

(1) 打开C:\Program Files (x86)\Google\Chrome\Application 文件夹，创建chrome.exe快捷方式，并发送到桌面

(2) 右键打开桌面chrome.exe快捷方式，然后在快捷方式的exe后面，添加空格，并添加 –disable-web-security –user-data-dir=D:\ss 参数,其中，ss为本地文件夹。

(3) 点击快捷方式，打开chrome，再次输入 file: 开头的文件的相对目录就可以加载本地文件夹了。