html5 vnc client 怎么使用

html5 vnc client 怎么使用,第1张

Virtual Network Computer 是一款优秀的远程控制工具软件,基本上是属于一种显示系统,也就是说它能将完整的窗口界面通过网络,传输到另一台计算机的屏幕上。

noVNC可以使用浏览器直接访问服务器而不需要使用VNC客户端,在某些特定的情况下,如项目有端口号限制等只能开80或443等,那么使用noVNC+Nginx做反向代理,就可以做到浏览器上远程访问了。

环境:

1.vncserver服务已经安装,服务启动正常。

2.#yum install git -y 安装git包

部署:

首先下载noVNC:

https://github.com/novnc/noVNC

https://github.com/novnc/websockify

下载上面两个链接包后上传到服务器上,并解压到/usr/local下。

打开终端

#cd /usr/local/noVNC-master

#./utils/launch.sh --vnc localhost:5901 //这里的5901是vncserver的端口号,按实际情况来

执行后会出现提示访问不了资源,然后novnc资源文件在

/root/.local/share/Trash/files/noVNC-master 目录下,打开这目录文件,把解压的websockify-master文件夹改名为websockify,把文件夹复制到/root/.local/share/Trash/files/noVNC-master/utils下。

由于VNC的默认会话不是安全的,我们需要创建一个安全的VNC连接。执行:

#openssl req -new -x509 -days 365 -nodes -out self.pem -keyout self.pem

生成证书,放到/root/.local/share/Trash/files/noVNC-master/utils下。

改为:

http://192.168.200.134/novnc/vnc.html?host=192.168.200.134&port=80

步骤:

1.修改nginx

增加配置:

location /novnc

{

proxy_pass http://127.0.0.1:6080/novnc#修改为需要被反向代理的WebSocket的IP和端口号

}

location /websockify

{

proxy_pass http://127.0.0.1:6080/websockify#修改为需要被反向代理的WebSocket的IP和端口号

proxy_http_version 1.1

proxy_set_header Upgrade $http_upgrade

}123456

重启nginx。

2.在/root/.local/share/Trash/files/noVNC-master/下增加novnc文件夹,这个文件夹名字跟你配置的上下文名字相同。然后把

/root/.local/share/Trash/files/noVNC-master/ 文件夹下的文件复制一份到novnc文件夹下。

3.修改访问地址最后一个参数port,port=80

4.添加开机启动novnc,修改/etc/rc.local文件,添加

sh /root/.local/share/Trash/files/noVNC-master/novnc/utils/launch.sh --vnc localhost:5901

注:开机自启功能会导致无法正常使用vnc连接服务

IIS7服务器管理工具可以批量管理、定时上传下载、同步 *** 作、数据备份、到期提醒、自动更新。IIS7服务器管理工具适用于Windows *** 作系统和liunx *** 作系统;支持Vnc客户端和Ftp客户端批量 *** 作。

1、打开手机web检查器。

通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图(点击查看大图),并且你会看到该选项下面对电脑 *** 作的相应描述,照做就好。

2、链接电脑(Mac)

2.1 先在手机Safari中打开你想调试的网页,并用数据线连接到电脑(我这里是Mac)

2.2 再在电脑上打开Safari点击【Develop】菜单,就会看到如下图所示(点击查看大图):

2.3 点击2.2中的网站名就会在电脑上打开Safari的控制台,如下图(点击查看大图):

3.调试网页

此时你可以查看手机网页的DOM结构,并且和电脑端网页调试无异,当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来,如下图(点击查看大图):


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11571274.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存