手机+PC双屏显示:android端即时预览PC端修改的代码

本文介绍如何将Android设备作为第二显示器,实现实时预览PC端代码修改的效果。通过文件监控工具fswatch和adb命令,当PC端代码发生变化时,自动在Android浏览器中刷新预览。详细步骤包括设置文件监控、编写cmd脚本以及确保设备与PC在同一网络环境中。这种方法为开发者提供了便捷的代码调试体验。
摘要由CSDN通过智能技术生成

前言

如何让手机充当第二个显示器,用来随时预览PC端的代码?前一阵子写代码时,一直在琢磨这个问题。

因为办公室电脑配置低下,且只配备一个17寸显示器,每当反复调试预览网页时,都要保存,刷新。用过

brackets即使预览功能,总是不太习惯。于是就想到手头的高配android,完全可以当做第二块屏。

原理

当我修改*.html/*.css/*.js时,按下Ctrl + S的瞬间,文件监控就捕捉到了这个变动,于是执行adb命令,向android发送浏览器请求,打开本机localhost。

方法

文件监控:node.js fswatch

网上扫了一眼监控程序,没有自己想要的。看了手头现有的python、node.js,网上给的python代码好怪异,还是使用node.js,最初想的是把网页服务器与监控模块写到一个文件中,后来试了试,没搞定,就单独写了。

watch.js

'use strict';
var exec = require('child_process').exec;
var fs = require('fs');

var count = 0;
var time = 0;
var pho
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值