精华内容
下载资源
问答
  • 里面是在织梦的代码二次开发的,兼容各种版本,上传完成后,在更新中会有相应的wap按钮,一键更新后,手机页面和pc页面同步更新,但是模板需要两套
  • 404 PC-手机兼容页面

    2017-07-22 15:14:03
    404 PC-手机兼容页面
  • 一、pc浏览器 1. Firefox浏览器自带功能: ... 空白处右键,选择“查看页面信息” - 弹窗选择“媒体”:可以单个另存,或者全选批量下载 2. 谷歌各种扩展插件 其一:https://baiji...

    一、pc浏览器

    1.

      Firefox浏览器自带功能:

      参考 :https://blog.csdn.net/hffyyg/article/details/84141779

      使用Firefox浏览器访问网页,

      空白处右键,选择“查看页面信息” - 弹窗选择“媒体”:可以单个另存,或者全选批量下载

    2. 

      谷歌各种扩展插件

      其一:https://baijiahao.baidu.com/s?id=1611544363800672446&wfr=spider&for=pc

    3.

     360浏览器各种扩展插件

      https://jingyan.baidu.com/article/fb48e8bee5e8bf6e622e1406.html   

     

    二、手机浏览器 APP

    神奇浏览器:访问网址 - 右上角工具图标 - 看图模式 -右上角下载按钮(或者图片长按,单独下载)

     

    展开全文
  • PC网页适配手机网页

    千次阅读 2019-05-24 18:17:04
    PC网页适配手机网页
     <meta name="viewport" content="width=720,initial-scale=0.5, minimum-scale=0.1, maximum-scale=1.0, user-scalable=yes"/>
    

    加上这句话就对了,希望能留下你的赞!!

    展开全文
  • 此工具用于扒取手机PC电脑端的网页,工具安装方便,操作简单,可批量扒取,复制网址即可获取到HTML、CSS、JS
  • 手机浏览器和pc浏览器下载文件方法

    千次阅读 2019-12-07 16:27:13
    一:其实pc端和手机端浏览器下载文件是一样的,以流的方式传输,只需要后端设置好response的参数信息即可。上代码。 public void downLoad(HttpServletRequest request, HttpServletResponse response){ try { /...

    一:其实pc端和手机端浏览器下载文件是一样的,以流的方式传输,只需要后端设置好response的参数信息即可。上代码。

    public void downLoad(HttpServletRequest request, HttpServletResponse response){
            try {
                // 设置响应头和客户端保存文件名
                response.setCharacterEncoding("utf-8");
                //设置文件流下载方式
                response.setContentType("application/octet-stream");
                if (request.getHeader("User-Agent").toLowerCase().indexOf("firefox") > 0) {
                    fileName = new String(fileName.getBytes("UTF-8"), "ISO8859-1"); // firefox浏览器
                } else if (request.getHeader("User-Agent").toUpperCase().indexOf("MSIE") > 0) {
                    fileName = URLEncoder.encode(fileName, "UTF-8");// IE浏览器
                }else if (request.getHeader("User-Agent").toUpperCase().indexOf("CHROME") > 0) {
                    fileName = new String(fileName.getBytes("UTF-8"), "ISO8859-1");// 谷歌
                }
                response.setHeader("Content-Disposition", "attachment; filename=" + fileName);
                // 读取目标文件,通过response将目标文件写到客户端
                // 读取文件
                String url=path;
                System.out.println(url);
                InputStream in = new FileInputStream(url);
                OutputStream out = response.getOutputStream();
                // 写文件
                int b;
                while ((b = in.read()) != -1) {
                    out.write(b);
                }
                in.close();
                out.close();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }

    ps:

    首先设置设置响应方式为流:

    response.setContentType("application/octet-stream");

    其次设置不同浏览器的编码格式

    这样在浏览器中请求对应地址即可自动下载文件。

    展开全文
  • 404PC手机页面

    2018-03-10 20:24:52
    手机PC页面的404页面,兼容性的。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
  • PC端的网页想要在手机上适配,理想效果是页面不缩放,按照原比例,屏幕显示不下就出现滚动条。除了注意设置最小宽度和允许滚动条以外,还需要注意设置什么呢?诚向大神请教,小白一枚。
  • 但是如果网站不是用响应式,而是PC和手机端分离开来,那么访客使用移动设备访问网站PC页面的时候,就有必要为网站做识别跳转代码,这种情况尤其经常出现在PC页面被搜索引擎收录,访客在手机上搜索的结果呈现的是PC的...

    手机端访问PC端网站识别跳转至手机端页面代码集锦

    一个网站,当访客在手机端上访问的时候,最终落地的应该是手机端的页面。如果网站采用的是响应式框架做了自适应,那么体验是OK的;但是如果网站不是用响应式,而是PC和手机端分离开来,那么访客使用移动设备访问网站PC页面的时候,就有必要为网站做识别跳转代码,这种情况尤其经常出现在PC页面被搜索引擎收录,访客在手机上搜索的结果呈现的是PC的页面地址,这个时候,跳转代码就非常重要,否则你的网页体验度将大打则扣,跳出率直线上升!

    几乎每个程序员都有一个自己喜欢的移动识别跳转代码,五花八门的,博主将这些代码不定期的更新集锦,用着蛮舒服,若有错后期将会逐步更新,以备使用

    方式一:来自织梦官方给出的识别移动端跳转

    将下面这段代码复制到html或者模板的head之前就可以

    <!--//移动端识别//-->
    <meta http-equiv="mobile-agent" content="format=xhtml;url=你的移动端网址">
    <script type="text/javascript">
    	if(window.location.toString().indexOf('pref=padindex') != -1)
    	{}
    	else
    	{
    		if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent)))
    	{
    		if(window.location.href.indexOf("?mobile")<0)
    	{
    		try
    	{
    		if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))
    		{window.location.href="你的移动端网址";}
    		else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}
    </script>
    <!--/-->
    

    这是织梦系统默认模板文件里的跳转代码,挺不错的,收录了挺多设备,也适合其他网站系统

    方式二:来自百度早期的移动识别跳转

    在html或者模板中的head之前加入下面代码

    <!--//移动端识别//-->
    <script type="text/javascript" src="/style/js/uaredirect.js"></script>
    <script type="text/javascript">uaredirect("你的移动端网址");</script>
    <!--/-->
    

    其中uaredirect.js文件中的代码如下(我懒,懒的去上传文件,自己建文件复制进去)

    function uaredirect(f) {
        try {
            if (document.getElementById("bdmark") != null) {
                return
            }
            var b = false;
            if (arguments[1]) {
                var e = window.location.host;
                var a = window.location.href;
                if (isSubdomain(arguments[1], e) == 1) {
                    f = f + "/#m/" + a;
                    b = true
                } else {
                    if (isSubdomain(arguments[1], e) == 2) {
                        f = f + "/#m/" + a;
                        b = true
                    } else {
                        f = a;
                        b = false
                    }
                }
            } else {
                b = true
            }
            if (b) {
                var c = window.location.hash;
                if (!c.match("fromapp")) {
                    if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))) {
                        location.replace(f)
                    }
                }
            }
        } catch (d) {}
    }
    function isSubdomain(c, d) {
        this.getdomain = function(f) {
            var e = f.indexOf("://");
            if (e > 0) {
                var h = f.substr(e + 3)
            } else {
                var h = f
            }
            var g = /^www\./;
            if (g.test(h)) {
                h = h.substr(4)
            }
            return h
        }
        ;
        if (c == d) {
            return 1
        } else {
            var c = this.getdomain(c);
            var b = this.getdomain(d);
            if (c == b) {
                return 1
            } else {
                c = c.replace(".", "\\.");
                var a = new RegExp("\\." + c + "$");
                if (b.match(a)) {
                    return 2
                } else {
                    return 0
                }
            }
        }
    };
    

    代码压缩后如下

    function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};
    

    方式三:将网站域名中的www批量替换为m

    原理:手机系统识别www>转为m>实现页面转换为手机端,这个方法适合将PC和手机端分成www和m两个域名的网站(当然,m也可以是wap或者4g等),并且URL规则(文件路径或者路由规则)要一样才行

    下面代码添加到JS文件里,然后网页开头调用这个JS即可

    function mobile_device_detect(url)
    {
    var thisOS=navigator.platform;
    var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile");
    for(var i=0;i<os.length;i++)
    {
    if(thisOS.match(os[i]))
    { 
    window.location=url;
    }
    }
    //因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认
    if(navigator.platform.indexOf('iPad') != -1)
    {
    window.location=url;
    }
    //做这一部分是因为Android手机的内核也是Linux
    //但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手,即用navigator.appVersion信息做判断
    var check = navigator.appVersion;
    if( check.match(/linux/i) )
    {
    //X11是UC浏览器的平台 ,如果有其他特殊浏览器也可以附加上条件
    if(check.match(/mobile/i) || check.match(/X11/i))
    {
    window.location=url;
    } 
    }
    //类in_array函数
    Array.prototype.in_array = function(e)
    {
    for(i=0;i<this.length;i++)
    {
    if(this[i] == e)
    return true;
    }
    return false;
    }
    } 
    var url = window.location.href;
    url = url.replace("www.", "m.");
    mobile_device_detect(url);
    

    当然,以上是跳转到当前页URL所对应的移动端URL,如果要跳转至你指定的移动端URL,那么
    要在PC端头部做PC端内页地址要跳转到哪个手机端的页面的定义,如下:

    <meta name=”mobile-agent” content=”format=html5;url=http://m.网址.com/$shipei”>
    

    说明:$shipei是变量,自己写。如果您就一个页面,就指定到具体页面即可。

    方式四:通过JS 判断浏览器客户端类型(ipad,iphone,android)来做相应跳转

    var bForcepc = fGetQuery("dv") == "pc";   
    function fBrowserRedirect(){   
       var sUserAgent = navigator.userAgent.toLowerCase();  
       var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";    
       var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";  
       var bIsMidp = sUserAgent.match(/midp/i) == "midp";  
       var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  
       var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";  
       var bIsAndroid = sUserAgent.match(/android/i) == "android";  
       var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";  
       var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";   
       if(bIsIpad){   
           var sUrl = location.href;      
           if(!bForcepc){   
               window.location.href = "http://ipad.mail.163.com/";  
           }   
       }   
       if(bIsIphoneOs || bIsAndroid){   
           var sUrl = location.href;      
           if(!bForcepc){   
               window.location.href = "http://smart.mail.163.com/";  
           }   
       }   
       if(bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){   
           var sUrl = location.href;      
           if(!bForcepc){   
               window.location.href = "http://m.mail.163.com/";  
           }   
       }   
    }  
    function fGetQuery(name){//获取参数值   
       var sUrl = window.location.search.substr(1);  
       var r = sUrl.match(new RegExp("(^|&)" + name + 
    "=([^&]*)(&|$)"));  
       return (r == null ? null : (r[2]));  
    }  
    function fShowVerBlock(){     
       if(bForcepc){   
           document.getElementByIdx_x("dv_block").style.display = "block";  
       }   
       else{   
           document.getElementByIdx_x("ad_block").style.display = "block";  
       }   
    }  
    fBrowserRedirect();
    

    方式五:通过JS语句判断WEB网站的访问端是电脑还是手机,以显示不同端对应的页面

    <script>
        // PC端 移动端 跳转,注意:是根据客户端来决定最终落地页,而不是根据访问的URL
        var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
            if (is_mobi) {
                window.location.href = "index.html";/*如果是移动端访问的页面,移动端页面要注释掉这段代码,否则死循环*/
            }else{
                window.location.href="index.html" /*如果是PC端访问的页面*,PC端页面要注释掉这段代码,否则死循环/
            }
    </script>
    

    方式六:如何判断访问网站的机器类型-如何判断ipad

    如何判断是否是 iPad 浏览器呢,关键是看它的 User Agent 中是否有 iPad。iPad 使用的是 Safari Mobile 浏览器,他的的 User Agent 是:

    Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10
    function is_iPad(){        
     [object Object] [object Object] [object Object]var ua = navigator.userAgent.toLowerCase();
     [object Object] [object Object] [object Object]if(ua.match(/iPad/i)=="ipad") {                
     [object Object] [object Object] [object Object] [object Object] [object Object] [object Object]return true;
     [object Object] [object Object] [object Object]} else {
     [object Object] [object Object] [object Object] [object Object] [object Object] [object Object]return false;
     [object Object] [object Object] [object Object]}
    }
    $is_iPad = (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
    RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
    RewriteRule ^(.*)$ http://ipad.fairyfish.net [R=301]
    
    展开全文
  • pc页面自动缩放到手机端 今天做了个pc的页面,看了别人的网站在手机端能把pc端的网页刚好缩放到手机端,看着很舒服。 于是想把自己的页面也这样搞一下,刚开始,想到的是利用css3的缩放来做,想的是当屏幕尺寸改变时...
  • 电脑PC页面手机移动页面适配跳转

    千次阅读 2018-01-22 16:18:06
    电脑PC页面手机移动页面适配跳转 html页面,涉及到检测终端的问题,如果是电脑端,就跳到PC版页面;如果是手持端设备,就跳转到指定的shou网页上。 方法一、@media screen 思路:css使用媒体查询,当屏幕...
  • 下面小编就为大家分享一篇java后台判断客户端是手机/PC并返回不同页面的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 前端网页生成海报并且下载,经过几天的研究和查找,目前找到html2canvas.js这个可以把dom元素生成画布的插件,具体使用方式请参考官网或者自行查找,以下是我的部分页面代码,仅供参考,注意手机端因为和pc端不一样...
  • time: 2016-04-06  客户需求一个三端适配的app推广页面,所以百度了一下,写了一个, ... 手机客户端下载 body { width: 100%; margin: 0 auto; background-color: #004285; } html, body, div
  • 如何用pc伪装成手机来查看手机网页

    千次阅读 2016-10-30 13:59:54
    随着移动互联网的火爆,手机上的服务也越来越多,比如:手机上购物、查看新闻、网页等等,有时候我们在手机上看到一个比较酷炫的页面,想看一下源代码是怎么写的?想学习一下,但是手机上没法看,我们就考虑用pc上的...
  • PC端查看手机页面

    2017-06-28 11:15:37
    有时候想查看手机端的源代码,可手机不能查看,这时就有PC端的浏览器查看手机页面,只是每次PC端打开页面,就自动转化为PC页面。 百度查考: 1.审查元素=》设置 2.找到第二个Overrides 3.在Enable和User Agent...
  • 但是还是会有一些节奏比较慢的网站,还是PC页面手机PAD页面不同的访问域名。正好我这里有个需要,同一个域名要根据不同的访问设备显示PC页面或者手机页面,这里收集两个比较简洁的方法,都是通过JS代码实现的。 ...
  • 主要为大家详细介绍了Bootstrap编写一个同时适用于PC、平板、手机的登陆页面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 使用谷歌浏览器调试PC网页手机APP

    万次阅读 2017-03-24 09:47:57
    一、谷歌调试PC网页 (1)首先打开chorme浏览器,输入https://www.baidu.com进入百度页面,在空白页面右击,选中“检查”,(或者直接按快捷键ctrl+shift+i)如下图:     (2)点击“审查”会出现如下图: ...
  • html5手机pc端兼容网页电子书翻页特效代码html5手机网页电子书翻页特效
  • 手机h5每日签到,抽奖大转盘,pc端签到你想要的签到模板都在这里
  • 兼容于主流手机浏览器,兼容WP系统手机。已经经过测试。限制电脑PC端访问Web页面,只能手机端才能访问
  • 一个APP下载页面自适手机端,小白可以拿去换几张图片改下就能用了,界面简洁大气,自己也在用 感觉还不错,拿出来分享啦
  • fullpage的全屏滚动插件默认是不允许html和body出现滚动条的,现在PC端的网页想要适配在手机上,又不能缩放的太厉害,内容会很小看不清,理想方法时出现滚动条,让手机页面可以滑动滚动条看到网页全内容。...
  • 儿童服饰类网站整站,带织梦后台pc手机双网站源码包,内含安装图文
  • 请教各位达人一个问题 如何使用jQuery Mobile让pc网页自适应手机屏幕
  • uaredirect.js使PC网页跳转到手机版.pdf
  • 我看到有些网站手机页面和电脑页面是同一个文件比如都是指向shopshow-6908676.html这个页面,只是二级域名不一样,pc页面是www.eduoduo.com.cn/shopshow-6908676.html 而手机页面是m.eduoduo....都是在同一个文件...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 78,279
精华内容 31,311
关键字:

手机pc页面下载