Advertisement

VSCode-Browser-Preview：在编辑器中进行真实的浏览器预览并支持调试

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：None

简介：
VSCode-Browser-Preview 是一个插件，允许开发者直接在 VS Code 中实时浏览器预览和调试代码，大幅提升前端开发效率。 VS Code的浏览器预览功能允许您在编辑器内调试真实浏览器中的页面。该功能通过启动无头Chromium实例来实现，并支持Google Chrome或Microsoft Edge作为渲染引擎。这为在VS Code中安全地呈现Web内容并启用诸如编辑器内调试等功能提供了便利。 使用方法如下：点击左侧边栏的“浏览器预览”按钮，或者运行命令Browser View: Open Preview以打开新窗口。请确保您的计算机上已安装了Google Chrome。 主要特性包括： - 在VS Code中提供由支持的真实浏览器体验。 - 可同时开启多个浏览实例。 - 支持调试功能，在VS Code内启动URL并附加到浏览器视图，从而进行调试会话。 - 通过chrome://inspect可以附加Chrom进行进一步的检查。

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • VSCode-Browser-Preview：在编辑器中进行真实的浏览器预览并支持调试
    优质
    VSCode-Browser-Preview 是一个插件，允许开发者直接在 VS Code 中实时浏览器预览和调试代码，大幅提升前端开发效率。 VS Code的浏览器预览功能允许您在编辑器内调试真实浏览器中的页面。该功能通过启动无头Chromium实例来实现，并支持Google Chrome或Microsoft Edge作为渲染引擎。这为在VS Code中安全地呈现Web内容并启用诸如编辑器内调试等功能提供了便利。 使用方法如下：点击左侧边栏的“浏览器预览”按钮，或者运行命令Browser View: Open Preview以打开新窗口。请确保您的计算机上已安装了Google Chrome。 主要特性包括： - 在VS Code中提供由支持的真实浏览器体验。 - 可同时开启多个浏览实例。 - 支持调试功能，在VS Code内启动URL并附加到浏览器视图，从而进行调试会话。 - 通过chrome://inspect可以附加Chrom进行进一步的检查。
     
  • 让你在VSCode编辑器中实现在真实浏览器中的预览和调试
    优质
    本教程介绍如何配置VSCode，实现前端代码在集成的真实浏览器中实时预览与调试，提升开发效率。 让你能够在VSCode编辑器里打开一个真实的浏览器进行预览并调试。
     
  • PDF预览浏览器插件，支持IE浏览器
    优质
    这是一款专为IE浏览器设计的PDF预览插件，用户无需额外安装Adobe Reader等软件即可直接在浏览器中查看和管理PDF文件。 pdf.js插件支持IE浏览器，是一款非常实用的PDF浏览工具，强烈推荐使用，因为它解决了与IE浏览器不兼容的问题。
     
  • Browser Video Editor: 使用FFmpeg.js进行浏览器内视频编辑
    优质
    Browser Video Editor是一款基于FFmpeg.js的在线视频编辑工具，它允许用户在不安装任何软件的情况下，在浏览器中直接对视频文件进行剪辑、合并和格式转换等操作。 浏览器视频编辑器使用ffmpeg.js在浏览器中进行视频编辑的实验从子剪辑编辑器开始。
     
  • VSCode Open in Default Browser: 在默认浏览器中打开文件
    优质
    Open in Default Browser 是一个 VS Code 扩展程序，能够快速便捷地在默认浏览器中预览任何类型的文件，提升开发者的工作效率。 在默认浏览器中打开 VSCode 扩展可以快速地在浏览器中打开 HTML 文件。该扩展支持的功能包括提供“在默认浏览器中打开”的菜单选项，在编辑器和浏览器上为 HTML、XML 和 PDF 文件提供快捷方式，使用默认的系统浏览器来开启这些文件。 用户可以通过按下 Windows 系统上的 Ctrl + 1 或者 Mac 上的 Command + 1 快捷键来快速实现这一功能。对于 Mac 用户而言，此扩展还支持 TouchBar 功能。 该插件基于本地 HTTP 服务器，并且提供多国语言的支持：英文（en）、简体中文（zh-cn）、繁体中文（zh-tw）、日语（ja）、法语、韩语、俄文、葡萄牙语、土耳其文、德文、西班牙文、匈牙利文、意大利文、保加利亚。 此扩展提供了以下设置选项： - `openInDefaultBrowser.run.openWithLocalHttpServer`：是否使用本地 HTTP 服务器打开，默认为 true。
     
  • VSCode-Preview-Server：实时预览VSCode扩展插件
    优质
    VSCode-Preview-Server是一款方便开发者的工具，它允许用户在开发过程中实时预览Visual Studio Code扩展插件的效果，提高开发效率。 VSCode 预览服务器扩展提供了在Web服务器上执行HTML预览的功能。当保存文件时，该扩展会自动重新加载浏览器或侧面板（实时预览功能）。用户可以通过上下文菜单或编辑器菜单调用这些功能。 主要特性如下： - 在侧面板中打开HTML预览 (Ctrl+Shift+v)：使用此选项可以轻松查看HTML、CSS和JavaScript的执行效果。 - 通过默认浏览器打开网页 (Ctrl+Shift+l)：这允许用户检查网站的所有操作。 - 停止Web服务器 (Ctrl+Shift+s)：仅可在命令面板中进行该操作。 - 恢复Web服务器 (Ctrl+Shift+r)：同样，此功能也只在命令面板中可用。
     
  • 安全考试浏览器Safe Exam Browser
    优质
    安全考试浏览器（Safe Exam Browser）是一款专为在线测试设计的安全浏览器软件。它能封锁所有外部信息来源和应用程序，确保考试公正性和安全性。 一个绝对安全的浏览器适用于学校进行的电脑考试。
     
  • 在Tinymce编辑器中预览视频
    优质
    本篇文章将介绍如何在TinyMCE编辑器中实现视频预览功能，帮助用户更直观地处理和查看嵌入内容。 解决TinyMCE编辑器内无法预览视频的问题，可以替换`tinymce/plugins/media/plugin.min.js`文件。因为默认情况下富文本编辑器内的视频以img标签的形式展示，而不能直接播放。