精华内容
下载资源
问答
  • 前言如何让手机充当第二个显示器,用来随时预览PC端的代码?前一阵子写代码时,一直在琢磨这个问题。因为办公室电脑配置低下,且只配备一个17寸显示器,每当反复调试预览网页时,都要保存,刷新。用过brackets即使...

    前言

    如何让手机充当第二个显示器,用来随时预览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 phoneScreenTime = 30;
    //手机暗屏的时间,我的是30秒。后面要根据这个加点亮屏幕的判断
    var id, cmd;
    
    
    setInterval(function() {
        time++;
    }, 1000)
    //每秒自增的time,为每次发生更改时,执行操作的间隔,用来判断手机是否黑屏的依据
    
    
    fs.watch('./resume/', { persistent: true, recursive: true }, function(event, filename) {
    //recursive参数作用是fs.watch的监控子目录,不支持linux系统
    //./resume/ 是我监控的文件目录
    
        count++;
        if (filename && count == 2) {
        //此处count==2的意味为,只执行一次操作。
        //因为nodepad++修改文件后保存,是先删除文件所有内容,再保存修改后的内容,相当于更改了两次文件的状态。(不晓得为什么)
    
            if (time <= phoneScreenTime) {
                cmd = '1.cmd';
            } else {
                cmd = 'screen.cmd';
            }
    
    
            //exec只能call,我贴上完整的命令会报错,不知道为什么
            exec('call ' + cmd, function(error, stdout, stderr) {
                if (error !== null) {
                    console.log('exec error: ' + error);
                }
            });
    
            //清除时间、文件二次更改
            count = 0;
            time = 0;
        }
    });
    
    console.log('watcher is running');

    控制android打开指定网页:cmd + adb

    两个watch.js调用的cmd

    1.cmd

    不包含点亮屏幕的命令,只有浏览器访问localhost

    @echo off
    F:\Users\liu\Downloads\adb.exe shell am start -a android.intent.action.VIEW -d http://192.168.1.100/resume/index.html
    "F:\Program Files\Google\Chrome\Application\chrome.exe" http://192.168.1.100/resume/index.html

    screen.cmd

    @echo off
    F:\Users\liu\Downloads\adb.exe shell input keyevent 82
    F:\Users\liu\Downloads\adb.exe shell am start -a android.intent.action.VIEW -d http://192.168.1.100/resume/index.html
    "F:\Program Files\Google\Chrome\Application\chrome.exe" http://192.168.1.100/resume/index.html

    通过adb执行命令需要注意的是,手机要与电脑用USB连接好,在同一网络内(WIFI ?)(安装USB驱动,开启调试模式,与电脑连接调试好,手机无需ROOT)。

    完成

    配置好上面的内容。开启node watch.js,修改保存你的html,等待手机响应。

    不出意外,应该有如图效果。

    看见我的高配android了吗

    当然,你可以随意配置cmd内容,如不使用android,只需要PC随即预览,可将cmd内容改为

    @echo off
    "F:\Program Files\Google\Chrome\Application\chrome.exe" http://192.168.1.100/resume/index.html

    如图

    PC端也可以

    也可不使用cmd进行操作,你当然可以使用python或exe来实现不同响应方式。

    其他

    这只是一个简易的原理实现方法,可以进行更多的方案优化。

    在看adb的相关网页时,我还看到使用adb直接屏幕录像的内容,这让我想到Chrome控制手机插件Vysor的实现原理应该也不复杂,它应该也是通过adb调试进行的,因为刚开始因为Vysor的驱动,我adb连接不上手机,误使我以为非root无法使用adb。这方面的内容以后有机会了可以深入研究。

    总结:网络上的内容有很多不准确,比如fs.watch这块,百度上说什么原生模块不支持子文件监控,为此我还费劲写了好几个文件夹的监控。我看了官方文档才知道,加个参数就行了。有什么问题,还是以文档为主,切莫轻易看了网上几句话就否决一种想法。

    展开全文
  • 原标题:手机浏览器打开PC端网站,背景显示不全怎么办?随着移动互联网的发展,大多数企业在制作网站的时候,为了兼容...当用手机打开其电脑版的网站时,只要涉及背景的代码,在手机浏览器上显示不完整,出现混乱...

    原标题:手机浏览器打开PC端网站,背景显示不全怎么办?

    随着移动互联网的发展,大多数企业在制作网站的时候,为了兼容各种设备,会制作出PC端、移动端二种版,根据不同的设备跳转到不同的网站,从而实现用户体验最优化。

    那么,问题来了,笔者遇到一个问题,有个企业老网站之前通过DIV+CSS布局的。电脑端打开网站布局排版都正常。当用手机打开其电脑版的网站时,只要涉及背景的代码,在手机浏览器上显示不完整,出现混乱的排版,具体案例如下:

    841af769a596d97108243f4438b82190.png

    (手机浏览PC端的网站出现了对不齐的问题)

    针对这样的问题主要原因是div 在定义样式时 PC端样式只设置一个高度,不用设置宽度,是可以铺满全屏的,到了手机端无法铺满全屏了。

    比如你PC端定义的div样式可能是这样的 .flash { height:530px; margin:0px auto; text-align:center; } 没有定义宽度,或者宽度你定义成width:100%。在手机端时,就会出现如上图的布局混乱的局面。

    那么,如何实现在手机端浏览pc端的网站也能像在电脑端显示的效果一样呢(左右对齐)。

    f3d1cf17491c7fd15d22fc66c1fdef0a.png

    阿想同学做了一个简单的修改就可以了。就是所有的排版先不要动。在body元素里添加一个最小宽度(如:min-width:1200px)就可以解决。是不是很方便。

    至于手机端浏览器,为什么要显式的添加一个宽度才可以显示呢? 请各位大神在下方法评论。。返回搜狐,查看更多

    责任编辑:

    展开全文
  • 有时候因为各种外因或内因导致手机PC显示两个内部存储的bug.现多说,直接上代码。 第一步修改的文件:MtpServer.cpp 文件在framework/base下,具体位置自行用命令:find ./ -name MtpServer.cpp 查找 修改...

    有时候因为各种外因或内因导致手机在PC端显示两个内部存储的bug.现不多说,直接上代码。

    第一步修改的文件:MtpServer.cpp

    文件在framework/base下,具体位置自行用命令:find ./ -name MtpServer.cpp 查找

    修改内容如下:

    void MtpServer::addStorage(MtpStorage* storage){

      std::lock_guard<std::mutex> lg(mMutex);

        //BEGIN Motorola, dinghao1,  Prevent two mobile phone storage on the computer
        if(hasStorage(storage->getStorageID())) {
            ALOGE("this storage id has been added. so return.");
            return;
        }
        //END

        mStorages.push_back(storage);

       sendStoreAdded(storage->getStorageID());

    }

    自此基本可解决问题

    如果碰到基线升级等问题引发复现,可再加入第二步修改:

    修改文件:MtpDatabase.java

    在framework/base下 具体位置自行用命令:find ./ -name MtpDatabase.java 查找

    修改内容如下:

        public void addStorage(StorageVolume storage) {
            MtpStorage mtpStorage = mManager.addMtpStorage(storage);
            //BEGIN Motorola,dinghao1 2019-02-20 Prevent two mobile phone storage on the computer.
            Log.d(TAG,"storage:" + storage+ "storage.getPath():" + storage.getPath());
            removeStorage(storage);
            //ENED
            mStorageMap.put(storage.getPath(), mtpStorage);
            if (mServer != null) {
                mServer.addStorage(mtpStorage);
            }
        }

     

    自此可完美解决问题。

     

    展开全文
  • 控制pc端和手机显示不同的页面

    千次阅读 2019-09-24 23:29:27
    这里介绍2种方法来控制pc端和手机显示不同的页面 1、使用nginx根据userAgent控制跳转到不同的路径或者不同的域名 set $flag 0; if ( $http_user_agent ~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){ set ...

    这里介绍2种方法来控制pc端和手机端显示不同的页面

    1、使用nginx根据userAgent控制跳转到不同的路径或者不同的域名

    set $flag 0;
    if ( $http_user_agent ~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){
        set $flag "${flag}1";
    }
    if ( $request_uri ~ "^/m/") {
        set $flag "${flag}2";
    }
    if ($flag = "01") {
        rewrite  ^/(.*)$  https://www.test.com/m$uri;
    }

    思路为:根据nginx的 $http_user_agent 变量判断当前是否是手机端,如果是手机端则将 $flag 的值变为 01,如果访问路径为以 /m/ 开头则将变量变成 012 ,最后,如果 $flag 的值为 01(即是手机端,但不是以 /m/ 开头的访问路径),则在路径的后面加上 /m ,实现页面跳转

    2、java后端根据userAgent控制显示不同的view

    @RequestMapping("/test.html")
    public ModelAndView test(@RequestHeader(value="User-Agent") String userAgent) {
        model.setViewName(isMobile(userAgent) ? "mobile/test" : "test");
        return model;
    }
    
    private boolean isMobile(String userAgent) {
        if (!StringUtils.isEmpty(userAgent)) {
            String agent = userAgent.toLowerCase();
            String[] mobileAgents = {"android", "phone", "mobi"};
            for (String mobileAgent : mobileAgents) {
                if (agent.indexOf(mobileAgent) > 0) {
                    return true;
                }
            }
        }
        return false;
    }

    思路也很清楚,根据userAgent判断如果是手机端,则渲染 mobile/test 视图,否则渲染 test 视图

    本文内容到此结束,更多内容可关注公众号:

    展开全文
  • 2、使用微信、企业微信pc端访问金蝶云星空,提示:登录状态丢失后;原因分析:1、windows服务器 .netframework 4.7.2版本,sameSite 默认值是Lax,4.7.2以前的版本默认值是None;(Lax表示允许跨域,None表示可以...
  • 如何放入手机和电脑端显示不同的广告代码,这里完美来分享一下pc移动分离代码教程吧: 记得先备份网站数据养成良好的站长习惯,在网站后台→模板→列表模板(内容模板)等→修改,也可以在宝塔的后台直接修改对应的...
  • rtmp视频流仅能在pc端使用,所以我们在手机端使用hls的m3u8的流 假设你已经有自己的视频流了 先运行npm下载依赖video-js和vue-video-player 之后在vue中,直接运行下方代码(小白福利:直接新建vue项目将下方代码...
  • 出现显示不一致的情况,是渲染器选择auto或者指定html的问题,需要指定为canvaskit渲染器,保证一致性。 首先默认打包web正式版本的命令是:flutter build web --release 其中隐藏了一个一个参数,如下: --web-...
  • 如果一套代码 在 同一个域名下 同时能在手机和移动端运行 让客户看到一样的内容 一样的效果 1. 如果页面复杂的话 一套代码两个样式 判断用户在那种设备中打开的然后跳转到指定的 网站类型上 就像百度那样 有两...
  • PC端页面适配手机端,利用css实现: 类似下图 PC端: 手机端: 只需要在需要的页面加入:@media (max-width:580px){....} .login-content{ position: absolute; justify-content: center; display: flex; ...
  • 背景 ...在手机上的时候就竖屏显示效果好,而平板上横屏显示效果好。于是这里就需要根据设备的类型来进行判断是横屏显示还是竖屏显示。(其实是用自定义view绘制的一张地图了拉!) 思路...
  • 本文是基于Android5.1的代码 PTP修改: 路径:frameworks\av\media\mtp\MtpServer.cpp if (mPtp) { // no extensions string.set("AGR720"); //此处写默认值 } else { // MTP extensions string.set("microsoft....
  • H5页面PC富文本内容自适应显示

    千次阅读 2018-07-10 13:56:30
    有一段PC显示的富文本HTML片段,在手机H5页面B区上加载显示 保持PC端的样式缩放适应手机屏幕 如果HTML富文本有图片 图片默认加载 当手机可视区间到B区时候,图片触发懒加载显示 点击富文本图时候,有弹层...
  • PC、平板、手机(三合一) 浏览器访问 4.springmvc + spring4.2.5 + mybaits3.3 SSM 普通java web(非maven)  数据库: mysql ----------------------------------------------------------------------...
  • 之前项目中没有接触到密码框显示与隐藏,这次这个项目中添加了密码框的显示与隐藏,所以记录一下思路 点击显示按钮,密码框显示密码,隐藏将密码显示为小...在pc上只要改变type的类型就行,废话多说,上代码 ...
  • 前言  欢迎大家我分享和推荐好用的代码段~~ 声明  欢迎转载,但请保留文章原始出处:  CSDN:http://www.csdn.net  雨季o莫忧离:... 正文   ...如何修改USB存储在PC"我的电脑"中显示的lab
  • ionic3 解决img标签无法在手机上正常显示问题本人使用img标签为页面引入一个图片,在浏览器能够正常显示,但是打包安装到手机端时确无论如何都显示不了。 一般这种情况有很多可能性,比如说: 引用路径不对 图片...
  • 是不是被占用了电脑显示不出来?赶紧退出文件管理.......还是没有,泥马....... 咋回事?文件隐藏了?谁让他隐藏的?我?没有吧?代码中设置属性让文件隐藏了?赶紧看看,没有啊,没有关于设置隐藏的东西啊~ ...
  •  欢迎大家我分享和推荐好用的代码段~~ 声明  欢迎转载,但请保留文章原始出处:  CSDN:http://www.csdn.net  雨季o莫忧离:http://blog.csdn.net/luckkof 正文   [DESCRIPTION] usb USB cdrom在pc端 ...
  • PC连接上responder设备之后,不是直接对设备中的存储分区进行访问,而是通过vfs的方式间接访问存储分区中的文件,这个作为Initiator端的PC设备来说,就不再需要关心要访问的responder存储分区是什么文件系统了,通过...
  • 手机上可以编程看代码的软件

    千次阅读 多人点赞 2020-08-11 14:41:43
    以后大家会在路上看到很多人拿着手机,他不是在聊天,他有可能是运维工程师、也可能是算法开发、也可能是java开发,还可能是客户端开发,也可能是前端开发... 让你编程一直在路上,这到底是程序员的福音,还是码农...
  • 前端pc端、手机端适配基本知识

    千次阅读 2020-02-07 22:33:21
    前端pc端、手机端适配问题 一个项目如何做到手机、电脑共用的方式 1、第一种方式:响应式布局(栅格布局),即通过媒体查询控制css样式,从而实现一套代码手机、电脑共享。一般而言,手机、电脑共享样式,其布局样式...
  • Nginx区分PC手机访问不同网站

    千次阅读 2017-03-09 11:18:27
    近几年来,随着手机和pad的普及,越来越多的用户选择使用移动客户端访问网站,而为了获取更好的用户体验,就需要针对不同的设备显示出最合适的匹配,这样就是近年来流行的“响应式web设计”。 响应式web设计是一种...
  • 正好我这里有个需要,同一个域名要根据不同的访问设备显示PC页面或者手机页面,这里收集两个比较简洁的方法,都是通过JS代码实现的。第一个:<script type="text/javascript"> var userAgent = na
  • 限制网站只能从移动手机端打开能从电脑浏览器打开的网页html代码 <script type="text/javascript"> var system = {}; var p = navigator.platform; var u = navigator.userAgent; system.win = p.index...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 27,424
精华内容 10,969
关键字:

修改代码pc显示手机不显示