跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • js活学活用之解决实际问题
未分類
4 7 月 2020

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

chenyunzhui 大佬有话说 :

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

眼看着杯子预售价格已经达到了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 大佬有话说 :

你的浏览器太辣鸡竟然不能缩放

fatal 大佬有话说 :

那来一段强杯子js

chenyunzhui 大佬有话说 :

h20 大佬有话说 : 2020-7-4 23:25
你的浏览器太辣鸡竟然不能缩放

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

chenyunzhui 大佬有话说 :

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

chenyunzhui 大佬有话说 :

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

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具