Chrome高级设置

标签: 无 分类: 未分类 创建时间:2021-02-09 01:59:10 更新时间:2024-12-04 11:29:34

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: 开头的文件的相对目录就可以加载本地文件夹了。

参考文章:
【1】.Chrome设置跨域访问方式–disable-web-security不生效原因,以及出现–disable-web-security,但是实际上浏览器不能跨域访问解决方案 (解决了为什么–disable-web-security不生效的问题)
【2】.关于origin ‘null’ has been blocked by CORS policy跨域问题解决方法 (使用了服务器进行配置)
【3】.Chrome浏览器加载本地文件 (设置–enable-webgl –ignore-gpu-blacklist –allow-file-access-from-files等内容,问题设置了并不生效,还是无法加载本地文件,同时这里还讲了mac电脑中设置chrome浏览器)

3.闪光点

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
let x = 1;
let y = 5; //点初始大小
let flog = true;
const lon = point.lon;
const lat = point.lat;
const entity = new Cesium.Entity({
name: '圆点point闪烁',
position: Cesium.Cartesian3.fromDegrees(lon, lat, 0),
point: {
show: true, // default
color: new Cesium.CallbackProperty(function () {
if (flog) {
x = x - 0.05;
if (x <= 0) {
flog = false;
}
} else {
x = x + 0.05;
if (x >= 1) {
flog = true;
}
}
return Cesium.Color.RED.withAlpha(x);
}, false),
pixelSize: new Cesium.CallbackProperty(function () {
y = y + 0.5; //点每次增加大小
if (y >= 40) {
y = 5;
}
return y;
}, false),
outlineWidth: 0,
},
});
// 添加到场景中
this.viewer.entities.add(entity);
参考文章:
【1】.SuperMap iClient3D for WebGL添加gif动态图 这是用 supmap 进行添加的。
【2】.Cesium:entity闪烁(点、面以及billboard)
【3】.cesium 闪烁点 分为了颜色和大小的变化。
小额赞助
本人提供免费与付费咨询服务,感谢您的支持!赞助请发邮件通知,方便公布您的善意!
**光 3.01 元
Sun 3.00 元
bibichuan 3.00 元
微信公众号
广告位
诚心邀请广大金主爸爸洽谈合作
每日一省
isNaN 和 Number.isNaN 函数的区别?

1.函数 isNaN 接收参数后,会尝试将这个参数转换为数值,任何不能被转换为数值的的值都会返回 true,因此非数字值传入也会返回 true ,会影响 NaN 的判断。

2.函数 Number.isNaN 会首先判断传入参数是否为数字,如果是数字再继续判断是否为 NaN ,不会进行数据类型的转换,这种方法对于 NaN 的判断更为准确。

每日二省
为什么0.1+0.2 ! == 0.3,如何让其相等?

一个直接的解决方法就是设置一个误差范围,通常称为“机器精度”。对JavaScript来说,这个值通常为2-52,在ES6中,提供了Number.EPSILON属性,而它的值就是2-52,只要判断0.1+0.2-0.3是否小于Number.EPSILON,如果小于,就可以判断为0.1+0.2 ===0.3。

每日三省
== 操作符的强制类型转换规则?

1.首先会判断两者类型是否**相同,**相同的话就比较两者的大小。

2.类型不相同的话,就会进行类型转换。

3.会先判断是否在对比 null 和 undefined,是的话就会返回 true。

4.判断两者类型是否为 string 和 number,是的话就会将字符串转换为 number。

5.判断其中一方是否为 boolean,是的话就会把 boolean 转为 number 再进行判断。

6.判断其中一方是否为 object 且另一方为 string、number 或者 symbol,是的话就会把 object 转为原始类型再进行判断。

每日英语
Happiness is time precipitation, smile is the lonely sad.
幸福是年华的沉淀,微笑是寂寞的悲伤。