首页 > 其他分享 >预览服务器上的html静态网页

预览服务器上的html静态网页

时间:2023-02-03 21:11:42浏览次数:43  
标签:网页 预览 vscode python 静态 html 服务器

预览服务器上的html静态网页

  • 远程服务器中html静态文件不方便直接查看
  • 使用vscode快速预览远程服务器上的html静态文件

我遇到的场景:

  1. 我使用windows电脑办公,使用vscode的ssh远程到一台ubuntu主机上开发
  2. 近期使用pytest+allure做一些测试实验,生成的报告是静态html
  3. 在本地windows双击打开即可查看,但现在是在远程的服务器上变得不方便

使用vscode的"Live Server"插件实现

  • vscode安装"Live Server"插件(安装到服务器上,而不是本机)

  • vscode远程到服务器上后,点击右下角的"Go Live"按钮,此时就启动了临时服务

  • 在本地网页直接使用"http://< ip >:< port >/< html >"就可以预览到静态文件了

  • 不使用时,点击右下角相同位置的按钮即可关闭

使用python启动临时服务

  • 如果安装了python,可以使用以下命令快速启动一个http服务
python -m http.server ${port}
# 如: python -m http.server 5501

标签:网页,预览,vscode,python,静态,html,服务器
From: https://www.cnblogs.com/XuXiaoCong/p/17090437.html

相关文章

  • HTML基础知识
    html学习内容html文件就是整个网页的架构css就是给网页添加细节,给网页添加颜色,定制尺寸等js动态效果(生成可以点击的连接按钮)(javascript)jquery就是对js的一种封装......
  • html 笔记
    快捷键ctrl+/<--注释:在网页中不起任何代码作用,只是用于提示ctrl+/--><title></title> 标签网页标题栏<br> 换行符<p>表示一个段落,段落结束自己动换行,不同的段......
  • 如何让公司其他人(同一个局域网)访问自己电脑静态.html
    还没完全开发完,也没有部署到服务器上,此时领导想要在他电脑上看效果。问:如何让他访问我本地的静态html答:vscode下载插件LiveServer。下载成功后,vscode中右键点击本地ht......
  • HTML一键打包APK工具最新版1.9.2更新(附下载地址)
    HMTL网址打包APK,可以把本地HTML项目,Egret游戏,网页游戏,或者网站打包为一个安卓应用APK文件,无需编写任何代码,也无需配置安卓开发环境,支持在最新的安卓设备上安装运行。打包......
  • html+css部分复习-cnblog
    HTML+CSS部分复习(蓝桥杯参考)0.考前准备插件安装设置:文件自动格式化1.web标准结构(HTML)表现(CSS)行为(js)2.前端插件安装3.img的border属性属性值:数......
  • 2.1.新建项目及项目目录和预览uni项目
    目录结构一个uni-app工程,默认包含如下目录及文件static目录使用注意编译到任意平台时,static目录下除不满足条件编译的文件,会直接复制到最终的打包目录,不会打包编......
  • 2.1.新建项目及项目目录和预览uni项目
    目录结构一个uni-app工程,默认包含如下目录及文件static目录使用注意编译到任意平台时,static目录下除不满足条件编译的文件,会直接复制到最终的打包目录,不会打包编......
  • 10、获取一个网页的源码
    #获取一个网页的源码https://www.baidu.com/s?wd=%E5%91%A8%E6%9D%B0%E4%BC%A6importurllib.requesturl='https://www.baidu.com/s?wd='#要将周杰伦变为Unicode......
  • IText7将html转换为pdf
    ......
  • Html音频播放代码
    页面代码:<html><head><scriptsrc="https://code.jquery.com/jquery-3.1.1.min.js"></script><!--media=print这个属性可以在打印时有效--><title>音......