尧图网页设计 
把闲置手机变成第二块屏幕Deskreen屏幕共享从零到一的实战全记录【免费下载链接】deskreenDeskreen turns any device with a web browser into a secondary screen for your computer. ⭐️ Star to support our work!项目地址: https://gitcode.com/gh_mirrors/de/deskreenDeskreen 是一款开源屏幕共享工具它解决了一个很现实的痛点当你身边只有一台电脑时如何用手机上顺手可得的浏览器立刻获得一块额外的副屏。本文不打算堆参数而是带你完整走一遍从拿到项目、跑起服务、连上设备到玩出进阶花样的全流程读完你就能亲手把闲置设备变成生产力的一部分。一、先问自己你是不是也有这三个要是能多一块屏就好了的瞬间在介绍 Deskreen 之前我们先聊聊日常里那些令人抓狂的场景看看你是否中招赶工时的窗口地狱写代码时要看文档、盯数据、开终端窗口来回切换手忙脚乱不说还容易看漏信息。演示时的社死风险要给同事或学生演示一个应用却必须把整个桌面共享出去桌面上那些不方便公开的东西一览无余。差旅中的第二屏执念出门只带了笔记本想要一个竖屏看代码、横屏看视频的临时副屏却买不下手、也搬不动。这些问题的共同点在于你缺的不是设备而是一条把屏幕画面搬运出去的通道。而 Deskreen 的思路恰恰反其道而行——它不依赖专用硬件只要你手头有任意一台装了浏览器的设备就能把它变成你电脑的第二屏幕。二、一次反直觉的设计屏幕在电脑上画面却由浏览器来接收很多人第一次听说 Deskreen都会以为它是个网页投屏工具。其实它的架构值得先花 30 秒搞清楚因为这直接决定了你后续怎么用电脑端运行一个基于 Electron 的桌面应用它本身内置了一个 WebRTC 信令服务器监听本机的 3131备用 3132端口相关实现位于src/server/index.ts。应用启动后会自动扫描当前网卡挑出一个最合适的局域网 IPv4 地址优先 Wi-Fi把可用的屏幕和窗口源一一枚举出来这段逻辑在src/main/helpers/getMyLocalIpV4.ts和src/features/DesktopCapturerSourcesService/index.ts里可以看到。手机、平板或其他电脑用浏览器打开电脑生成的地址二者通过 WebRTC 建立一条点对点的实时视频通道画面只在你的局域网内流动。换句话说Deskreen 的接收端根本不需要装任何 App一个普通浏览器就够了。这也是它最打动人的地方——接收端的门槛低到几乎没有。三、两条上手路径按你的折腾指数自选在动手之前先看一眼环境要求需要node v23、pnpm v10.20.0。如果你的系统版本不够先升级再往下走。路径 A只想先用起来直接拿现成安装包最省事的方式是直接下载对应你系统Windows / macOS / Linux的安装包装上。打开应用后你会看到主界面上方有一个清晰的三步流程引导第一步就是扫码或输入地址。路径 B想尝鲜最新代码5 分钟从源码跑起来如果你喜欢自己掌控一切可以这样克隆并构建git clone https://gitcode.com/gh_mirrors/de/deskreen pnpm i cd ./src/client-viewer pnpm i cd ../.. pnpm clean pnpm build pnpm start这里有个细节值得注意项目把接收端单独放在了src/client-viewer目录下也就是手机浏览器里加载的那个网页应用它需要单独安装依赖再构建。整条链路跑通后应用会以生产模式启动。如果你是在开发状态下调试也可以直接用pnpm dev它会同时启动主应用和客户端查看器两个进程改动保存后热更新非常适合边看源码边体验。四、三步连上你的第二块屏幕连接流程拆解这是整个使用过程中最关键的部分跟着下面三步走基本不会翻车。第一步建立等待连接的会话。应用启动后会自动创建一个等待连接的共享会话屏幕上会给出一个二维码和一段访问地址。这段地址由信令服务器根据你当前的局域网 IP 动态生成所以你不需要手动配置任何东西。第二步在接收设备上打开浏览器并访问。手机、平板只要和电脑处在同一 Wi-Fi 或局域网扫码或手动输入地址即可。此时电脑端会弹出一个允许连接的确认提示——也就是说每个新设备的接入都必须经过你点头这一点对隐私保护来说相当重要。第三步选择共享内容并确认。连接建立后你可以决定是共享整块屏幕还是只共享某一个应用窗口。选完确认接收设备的浏览器里就会实时出现你共享的画面了。五、三种真实场景看看它到底能顶多少用连接逻辑摸清之后我们来玩点实际的。下面这三个场景基本覆盖了 Deskreen 的日常用法场景一用手机当文档副屏告别窗口地狱写代码或写稿时把代码编辑器单独共享到手机屏幕上主屏用来开浏览器查资料、开终端跑命令。横屏看代码、竖屏看文档互不遮挡效率提升立竿见影。场景二只共享一个窗口的安全演示在线会议、授课或给客户演示时只把需要展示的那个应用窗口共享出去而不是整个桌面。不想被人看到的东西微信消息、私人文件天然隔离演示的专业度也上来了。场景三临时补位当电视或平板变成副显示家里有闲置的平板甚至智能电视只要浏览器能打开网页就能临时充当大尺寸副屏。出差时手机立在支架上当竖屏副屏看代码、读长文都舒服很多。六、网络小课堂IP 是怎么来的端口冲突又怎么办用 Deskreen 时遇到连不上的情况十有八九和网络有关。这里帮你把背后的逻辑捋顺IP 自动选择有优先级应用会优先挑 Wi-Fi 网卡的 IPv4 地址其次是有线网卡最后才是虚拟网卡比如 Docker、VMware 产生的那些虚拟接口并且会把虚拟接口的特征都识别出来排除掉避免给出一个无效地址。源码里维护了一份完整的接口识别清单在getMyLocalIpV4.ts中可以查阅。端口占用有兜底默认主端口是 3131被占用时会自动切到 3132两个都被占则继续往下探测可用端口尽量保证服务能起来。Wi-Fi 断开会提醒应用内置了 Wi-Fi 连接检测如果检测不到可用的局域网连接会弹窗提示Deskreen 仅支持在 Wi-Fi 和局域网环境下工作。七、进阶玩法用 --ip 参数把连接地址钉在指定网卡上默认情况下 Deskreen 会自己选 IP但如果你有多块网卡或者希望二维码和连接地址固定指向某个 IP比如公司内网专线可以用--ip或--local-ip参数手动指定# LinuxAppImage / deb / rpm 安装 deskreen-ce --ip 192.168.1.100 # macOS open -a Deskreen CE --args --ip 192.168.1.100 # WindowsPowerShell Start-Process Deskreen CE -ArgumentList --ip, 192.168.1.100指定后二维码和连接 URL 都会使用这个 IP而应用依然会持续监测真实网卡状态用于 Wi-Fi 检测两不耽误。这个技巧在搭建固定演示环境时特别实用。八、几个常见小疑问的快速解答接收端需要装 App 吗不需要任何带现代浏览器的设备都能当接收端。画面质量能保证吗Deskreen 内置了视频自动质量优化器会根据网络状况动态调整保证流畅优先。用的是局域网还是公网默认在局域网内点对点传输画面不出网速度快、也安全。有语言门槛吗项目内置了十多种语言的翻译包含简体中文、繁体中文首次启动还能让你挑选界面语言。九、收尾现在就去找一台闲置设备试试读完这篇你已经把 Deskreen 的原理、安装、连接、场景和进阶技巧都过了一遍。接下来要做的只有一件事拿起身边的手机或平板装上 Deskreen点一次允许连接亲眼看看画面亮起来的那一瞬间。屏幕共享这件事过去总觉得是专业软件和专用硬件的专属领域而 Deskreen 用一个足够朴素的思路证明真正好用的工具门槛往往低到超乎想象。说不定下一次更新它还会带来更多让第二屏幕概念发光的惊喜。【免费下载链接】deskreenDeskreen turns any device with a web browser into a secondary screen for your computer. ⭐️ Star to support our work!项目地址: https://gitcode.com/gh_mirrors/de/deskreen创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 把闲置手机变成第二块屏幕：Deskreen屏幕共享从零到一的实战全记录
把闲置手机变成第二块屏幕Deskreen屏幕共享从零到一的实战全记录【免费下载链接】deskreenDeskreen turns any device with a web browser into a secondary screen for your computer. ⭐️ Star to support our work!项目地址: https://gitcode.com/gh_mirrors/de/deskreenDeskreen 是一款开源屏幕共享工具它解决了一个很现实的痛点当你身边只有一台电脑时如何用手机上顺手可得的浏览器立刻获得一块额外的副屏。本文不打算堆参数而是带你完整走一遍从拿到项目、跑起服务、连上设备到玩出进阶花样的全流程读完你就能亲手把闲置设备变成生产力的一部分。一、先问自己你是不是也有这三个要是能多一块屏就好了的瞬间在介绍 Deskreen 之前我们先聊聊日常里那些令人抓狂的场景看看你是否中招赶工时的窗口地狱写代码时要看文档、盯数据、开终端窗口来回切换手忙脚乱不说还容易看漏信息。演示时的社死风险要给同事或学生演示一个应用却必须把整个桌面共享出去桌面上那些不方便公开的东西一览无余。差旅中的第二屏执念出门只带了笔记本想要一个竖屏看代码、横屏看视频的临时副屏却买不下手、也搬不动。这些问题的共同点在于你缺的不是设备而是一条把屏幕画面搬运出去的通道。而 Deskreen 的思路恰恰反其道而行——它不依赖专用硬件只要你手头有任意一台装了浏览器的设备就能把它变成你电脑的第二屏幕。二、一次反直觉的设计屏幕在电脑上画面却由浏览器来接收很多人第一次听说 Deskreen都会以为它是个网页投屏工具。其实它的架构值得先花 30 秒搞清楚因为这直接决定了你后续怎么用电脑端运行一个基于 Electron 的桌面应用它本身内置了一个 WebRTC 信令服务器监听本机的 3131备用 3132端口相关实现位于src/server/index.ts。应用启动后会自动扫描当前网卡挑出一个最合适的局域网 IPv4 地址优先 Wi-Fi把可用的屏幕和窗口源一一枚举出来这段逻辑在src/main/helpers/getMyLocalIpV4.ts和src/features/DesktopCapturerSourcesService/index.ts里可以看到。手机、平板或其他电脑用浏览器打开电脑生成的地址二者通过 WebRTC 建立一条点对点的实时视频通道画面只在你的局域网内流动。换句话说Deskreen 的接收端根本不需要装任何 App一个普通浏览器就够了。这也是它最打动人的地方——接收端的门槛低到几乎没有。三、两条上手路径按你的折腾指数自选在动手之前先看一眼环境要求需要node v23、pnpm v10.20.0。如果你的系统版本不够先升级再往下走。路径 A只想先用起来直接拿现成安装包最省事的方式是直接下载对应你系统Windows / macOS / Linux的安装包装上。打开应用后你会看到主界面上方有一个清晰的三步流程引导第一步就是扫码或输入地址。路径 B想尝鲜最新代码5 分钟从源码跑起来如果你喜欢自己掌控一切可以这样克隆并构建git clone https://gitcode.com/gh_mirrors/de/deskreen pnpm i cd ./src/client-viewer pnpm i cd ../.. pnpm clean pnpm build pnpm start这里有个细节值得注意项目把接收端单独放在了src/client-viewer目录下也就是手机浏览器里加载的那个网页应用它需要单独安装依赖再构建。整条链路跑通后应用会以生产模式启动。如果你是在开发状态下调试也可以直接用pnpm dev它会同时启动主应用和客户端查看器两个进程改动保存后热更新非常适合边看源码边体验。四、三步连上你的第二块屏幕连接流程拆解这是整个使用过程中最关键的部分跟着下面三步走基本不会翻车。第一步建立等待连接的会话。应用启动后会自动创建一个等待连接的共享会话屏幕上会给出一个二维码和一段访问地址。这段地址由信令服务器根据你当前的局域网 IP 动态生成所以你不需要手动配置任何东西。第二步在接收设备上打开浏览器并访问。手机、平板只要和电脑处在同一 Wi-Fi 或局域网扫码或手动输入地址即可。此时电脑端会弹出一个允许连接的确认提示——也就是说每个新设备的接入都必须经过你点头这一点对隐私保护来说相当重要。第三步选择共享内容并确认。连接建立后你可以决定是共享整块屏幕还是只共享某一个应用窗口。选完确认接收设备的浏览器里就会实时出现你共享的画面了。五、三种真实场景看看它到底能顶多少用连接逻辑摸清之后我们来玩点实际的。下面这三个场景基本覆盖了 Deskreen 的日常用法场景一用手机当文档副屏告别窗口地狱写代码或写稿时把代码编辑器单独共享到手机屏幕上主屏用来开浏览器查资料、开终端跑命令。横屏看代码、竖屏看文档互不遮挡效率提升立竿见影。场景二只共享一个窗口的安全演示在线会议、授课或给客户演示时只把需要展示的那个应用窗口共享出去而不是整个桌面。不想被人看到的东西微信消息、私人文件天然隔离演示的专业度也上来了。场景三临时补位当电视或平板变成副显示家里有闲置的平板甚至智能电视只要浏览器能打开网页就能临时充当大尺寸副屏。出差时手机立在支架上当竖屏副屏看代码、读长文都舒服很多。六、网络小课堂IP 是怎么来的端口冲突又怎么办用 Deskreen 时遇到连不上的情况十有八九和网络有关。这里帮你把背后的逻辑捋顺IP 自动选择有优先级应用会优先挑 Wi-Fi 网卡的 IPv4 地址其次是有线网卡最后才是虚拟网卡比如 Docker、VMware 产生的那些虚拟接口并且会把虚拟接口的特征都识别出来排除掉避免给出一个无效地址。源码里维护了一份完整的接口识别清单在getMyLocalIpV4.ts中可以查阅。端口占用有兜底默认主端口是 3131被占用时会自动切到 3132两个都被占则继续往下探测可用端口尽量保证服务能起来。Wi-Fi 断开会提醒应用内置了 Wi-Fi 连接检测如果检测不到可用的局域网连接会弹窗提示Deskreen 仅支持在 Wi-Fi 和局域网环境下工作。七、进阶玩法用 --ip 参数把连接地址钉在指定网卡上默认情况下 Deskreen 会自己选 IP但如果你有多块网卡或者希望二维码和连接地址固定指向某个 IP比如公司内网专线可以用--ip或--local-ip参数手动指定# LinuxAppImage / deb / rpm 安装 deskreen-ce --ip 192.168.1.100 # macOS open -a Deskreen CE --args --ip 192.168.1.100 # WindowsPowerShell Start-Process Deskreen CE -ArgumentList --ip, 192.168.1.100指定后二维码和连接 URL 都会使用这个 IP而应用依然会持续监测真实网卡状态用于 Wi-Fi 检测两不耽误。这个技巧在搭建固定演示环境时特别实用。八、几个常见小疑问的快速解答接收端需要装 App 吗不需要任何带现代浏览器的设备都能当接收端。画面质量能保证吗Deskreen 内置了视频自动质量优化器会根据网络状况动态调整保证流畅优先。用的是局域网还是公网默认在局域网内点对点传输画面不出网速度快、也安全。有语言门槛吗项目内置了十多种语言的翻译包含简体中文、繁体中文首次启动还能让你挑选界面语言。九、收尾现在就去找一台闲置设备试试读完这篇你已经把 Deskreen 的原理、安装、连接、场景和进阶技巧都过了一遍。接下来要做的只有一件事拿起身边的手机或平板装上 Deskreen点一次允许连接亲眼看看画面亮起来的那一瞬间。屏幕共享这件事过去总觉得是专业软件和专用硬件的专属领域而 Deskreen 用一个足够朴素的思路证明真正好用的工具门槛往往低到超乎想象。说不定下一次更新它还会带来更多让第二屏幕概念发光的惊喜。【免费下载链接】deskreenDeskreen turns any device with a web browser into a secondary screen for your computer. ⭐️ Star to support our work!项目地址: https://gitcode.com/gh_mirrors/de/deskreen创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考