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

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

作者: 言午日尧耳总 | 来源:发表于2023-02-02 21:06 被阅读0次

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

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

我遇到的场景:

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

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

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


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


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

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


    close.png

使用python启动临时服务

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

相关文章

  • 网页伪静态化如何帮助网站SEO

    静态是网页的一种,网页有静态和动态两种,不需要服务器处理过,浏览者能够直接浏览的网页就叫静态网页,比如HTML就是...

  • day43 静态网页、动态网页、伪静态网页

    一、静态网页资源 1.静态网页资源介绍 在网页设计上,纯粹HTML格式的网页(可以包含图片、视频、JS(前端功能实...

  • 在GitHub上预览html网页效果的方法

    在GitHub上预览html网页效果的方法 方法一 http://rawgit.com/ 把需要预览的GitHub...

  • html标签四

    动态网页:和服务器打交道的网页,数据不是死的,数据动态更新。1、静态网页简单介绍html、css、jshtml:就...

  • 暑假学习打卡1

    web静态(html)和动态资源(jsp,servlet)区别:客户端如果请求的是静态网页,服务器直接响应。如果是...

  • Linux - 01-网站服务基本概念

    目录 [toc] 1 静态网页和动态网页 1.1 静态网页 概念:纯粹的HTML格式的网页通被称为“静态网页”;静...

  • 动静态网页资源

    1、静态网页资源介绍 (1)什么是静态网页资源的特点?放在服务器上看到的是什么,显示的就是什么、一旦存在于服务器上...

  • 爬虫精进(八) ------ selenium

    静态网页 : 用html写出的网页,就是静态网页。我们使用BeautifulSoup爬取这类型网页,因为网页源代码...

  • 静态、动态网页

    静态网页资源 什么是静态网页资源?静态网页资源是开发者编写的,放在服务器上看到的是什么显示的就是什么,一旦编写完成...

  • 爬虫组队学习——task3

    动态网页与静态网页 静态网页即.html文件,直接部署或是放到某个web容器上,就可以在浏览器中通过链接直接访问,...

网友评论

      本文标题:预览服务器上的html静态网页

      本文链接:https://www.haomeiwen.com/subject/qtjghdtx.html