js活学活用之解决实际问题

chenyunzhui · 发表于 2020-7-4 23:22:17

眼看着杯子预售价格已经达到了88元，相信Mjj对于了解js的热情已经非常高了。
但是学会了js有什么用呢？下面就用来解决一下实际问题。
云谷idc系统，相信很多人都非常熟悉，但是这个系统的vnc有个严重的bug，手机用户无**常使用，查看一下代码发现，原来是js在作怪。
找到云谷vnc代码rfb.js，搜索Screen size
添加如下代码          if (screen.width < fb_width) {//如果屏幕小于需要显示内容
         display.set_scale(0.5);//就对画面进行0.5倍缩放
         }

然后你就神奇的发现，使用手机vnc画面显示正常了。
当然，这只是个实际，实际中你还需要计算一下比例，还有鼠标.js里面也需要改一行代码当然，这些都是一两行代码的事，非常简单

h20 · 发表于 2020-7-4 23:25:58

提示: 作者被禁止或删除内容自动屏蔽

fatal · 发表于 2020-7-4 23:28:51

那来一段强杯子js

chenyunzhui · 发表于 2020-7-4 23:28:52

h20 发表于 2020-7-4 23:25
你的浏览器太辣鸡竟然不能缩放

手机浏览器，对于h5，好像都不行

chenyunzhui · 发表于 2020-7-4 23:30:36

计算实际比例遇到点麻烦，screen.width / fb_width结果竟然为0，无语了

chenyunzhui · 发表于 2020-7-5 00:04:18

发现鼠标代码也在rfb.js，搜索mouseMove，修改后面的xy就可以了，不过同样需要计算比例，最后在网页添加一个input接受输入，云谷idc系统的vnc就能完美兼容手机端了，总共开发量不到10行代码！而且只是最普通的js代码！

wifitry · 发表于 2020-7-5 00:52:26

mark一下

只看该作者 · 发表于 2020-7-5 01:15:03

提示: 作者被禁止或删除内容自动屏蔽

txjcv · 发表于 2020-7-5 05:52:19

技术牛逼的大佬

		自动登录	找回密码
密码			注册

h20 h20 当前离线积分 19897	推荐发表于 2020-7-4 23:25:58 \| 只看该作者提示: 作者被禁止或删除内容自动屏蔽
h20 h20 当前离线积分 19897
	回复支持 1 反对 0 举报

mit 该用户已被删除	8^# 发表于 2020-7-5 01:15:03 来自手机 \| 只看该作者提示: 作者被禁止或删除内容自动屏蔽
mit 该用户已被删除
	回复支持反对举报