精华内容
下载资源
问答
  • //调整浏览器显示比例【仅能查看】 function ChangeRatio() { var ratio=0; var screen=window.screen; var ua=navigator.userAgent.toLowerCase(); if(window.devicePixelRatio !== undefined) { ratio=...

    JS不能调整浏览器的显示比例,仅能查看

    //调整浏览器显示比例【仅能查看】
    function ChangeRatio()
    {
        var ratio=0;
        var screen=window.screen;
        var ua=navigator.userAgent.toLowerCase();
    
        if(window.devicePixelRatio !== undefined)
        {
            ratio=window.devicePixelRatio;    
        }
        else if(~ua.indexOf('msie'))
        {
            if(screen.deviceXDPI && screen.logicalXDPI)
            {
                ratio=screen.deviceXDPI/screen.logicalXDPI;        
            }
        
        }
        else if(window.outerWidth !== undefined && window.innerWidth !== undefined)
        {
            ratio=window.outerWidth/window.innerWidth;
        }
    
        if(ratio)
        {
            ratio=Math.round(ratio*100);    
        }
        return ratio;
    }
    

    css 判断

    @media screen and (resolution: 1.25dppx) {
      
    }
    
    展开全文
  • 对于手机端来说,有时候h5界面是要禁止放大和缩小的。 那么如何解决这个问题呢,话不多说,我们...PS:如果手机端使用的是uc浏览器,那么出现这种问题不是你的错——uc自带缩放功能(经过多次测试,确实如此)。

    对于手机端来说,有时候h5界面是要禁止放大和缩小的。
    那么如何解决这个问题呢,话不多说,我们直接说解决方法:
    在index的首页之中,有把meta标签改成如下形式,就可以将用户缩放功能关闭了。

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    

    可能出现问题
    1.更换之后没有禁止成功,依然还可以缩放。
    解决方法:1.user-scalable=0替换成user-scalable=no试一试,

    PS:如果手机端使用的是uc浏览器,那么出现这种问题不是你的错——uc自带缩放功能(经过多次测试,确实如此)。

    展开全文
  • python+selenuim 爬虫时,打开浏览器显示的是手机模式,刷新后恢复成网页模式,网上查了很多资料都解决不了,跪求大神指导。 图1 自动打开的显示界面,是手机模式 ![自动打开的显示界面,是手机模式]...
  • 可能大家发现自己制作的手机端页面,默认打开的时候并不是在理想的缩放状态下。 遇到这样的问题,需要在head标签下,添加meta解决。 代码如下: ? 1 2 3 4 5 6 7 8 9 ...

    可能大家发现自己制作的手机端页面,默认打开的时候并不是在理想的缩放状态下。

    遇到这样的问题,需要在head标签下,添加meta解决。

    代码如下:

    ?

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    <meta name="viewport" content" width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0" />

     

    //控制默认缩放大小、最小缩放大小、最大缩放大小。通过这个可以设置用户的最大和最小缩放程度。

     

    <meta name=" MobileOptimized" content=" 320" />

     

    //表示为移动设备的默认显示宽度为320px,此参数目前使用与安卓手机设备

     

    <meta name=" Iphone-content" content=" 320" />

     

    //表示为Iphone设备的默认显示宽度为320px

    <meta name=" format-detection" content=" telephone=no" />

     

    //表示手机模式设置为启用。

    展开全文
  • 参考 http://www.cnsoftnews.com/news/201507/20932.html http://www.ccidnet.com/2015/0217/5770729.shtml ... 结论 UC、QQ、百度居前三强 手机浏览器排名 手机浏览器数量

    参考

    http://www.cnsoftnews.com/news/201507/20932.html

    http://www.ccidnet.com/2015/0217/5770729.shtml

    http://www.199it.com/archives/230481.html

    结论

    UC、QQ、百度居前三强


    手机浏览器排名



    手机浏览器第三方安装率


    参考:

    手机浏览器数量



    手机浏览器下载排行榜2015top10

    排名浏览器浏览器内核
    1UCWebKit内核
    官方宣称:U3内核
    2欧朋
    (欧朋mini浏览器)
    Presto内核
    3360WebKit内核
    4百度WebKit内核
    5qqWebKit内核
    官方宣称:自主研发的X5极速内核
    6猎豹WebKit内核(Chrome内核)
    7搜狗WebKit内核
    8火狐Gecko内核
    9chromeWebKit内核
    10海豚WebKit内核
       

    注: Safari 基于业界前沿的开源浏览器内核 WebKit 而设计

    为什么安卓手机没有IE浏览器(Trident内核)?

    IE浏览器属于Trident内核,是有手机采用该内核的浏览器的,比如微软Windows Phone系统的手机都内置了IE浏览器。
    iOS或Android系统的手机,之所以没有IE浏览器,并不是系统不支持,而是微软单方面的原因,IE版权归微软所有,微软将IE浏览器给微软的产品独占是情理之中的事情。

    用户习惯:

      近八成用户使用第三方手机浏览器

      超半数用户平均单次使用手机浏览器时长在5-20分钟

      搜索查询信息是用户手机浏览器主要使用目的

      网页加载速度是用户选择手机浏览器最关注因素

    手机屏幕尺寸

    重点:4.5~5.5

    手机屏幕的几寸是指的手机屏幕对角线的长度,单位为英寸;
    1英寸=2.54厘米;
    同时手机屏幕的大小还和屏幕的长宽比有关,同样的对角线长度16:9的长宽比和4:3的长宽比,屏幕大小是不一样的。
    同时知道了对角线长度和长宽比,就可以根据勾股定理很容易的计算出手机屏幕的长和宽了。
    现在市面上,90%以上的手机屏幕比例都是16:9的(长和宽的比值),也就是平时所见的长方形的手机。
    一般来说:

    4.5寸的手机 :  长:10.14CM   宽:5.6CM
    5寸的手机:        16比9屏:11.x6.2;  4比3屏: 101.6x76.2
    5.5的手机:    长为12.18厘米,宽为6.85

    参考:

    分辨率

    以非常热门的5.5寸市场为例,我们可以在5.5寸手机上找到1280×720、1920×1080、2560×1440这3大主流分辨率,其像素数字差异可以达到400%之多。而以上产品对应的产品价格也覆盖800元—6000元区间段,可见分辨率是帮助用户在特定尺寸下区分手机档次的重要指标。


    国内安卓手机最新排名

    参考:

    单款机型方面,前十名分别为

    1、小米手机3(2.5%);

    2、三星Galaxy Note 2(2.4%);

    3、红米手机1S(2.2%);

    4、红米Note(2.2%);

    5、小米手机2S(2.1%);

    6、三星Galaxy S4(1.7%);

    7、三星Galaxy S3(1.7%);

    8、三星Galaxy Note 3(1.7%);

    9、红米手机(1.5%);

    10、小米手机4(1%)。

    在品牌占有率方面:

    1、“其它”(19.92%);

    2、三星(19.03%);

    3、小米+红米(7.51%+6.1%);

    4、华为(8.53%);

    5、步步高(6.94%);

    6、联想(6.12%);

    7、OPPO(5.11%);

    8、酷派(5.09%);

    9、中兴(2.1%)

    10、HTC(1.66%);金立(1.64%)、魅族(1.62%)。


    user agent

    参考:

    User Agent中文名为用户代理,是Http协议中的一部分,属于头域的组成部分,User Agent也简称UA。它是一个特殊字符串头,
    是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。

    分析浏览器的User-Agent 我们可以收集客户端相关信息:是否手机、操作系统、浏览器等信息。

    1)  识别是否为手机客户端的

     只要识别User-Agent中是否有 "Mobile" 字段即可

    2)  系统 识别

    如果是windows系统,解析User-Agent得到的json中的os_name是windows是内核版本

    目前主流的系统标识对应如下:

    "Windows NT 6.4":"Windows 10",

    "Windows NT 6.3":"Windows 8.1",

    "Windows NT 6.2":"Windows 8",

    "Windows NT 6.0":"Windows vista",

    "Windows NT 6.1":"Windows 7",

    "Windows NT 5.1":"Windows XP",

        3) 浏览器识别

    Browser = {

    "SogouMobileBrowser":" 搜狗手机浏览器 ",

    "UCBrowser":"UC 浏览器 ",

    "UCWEB":"UC 浏览器 ",

    "Opera":"Opera 浏览器 ",

    "QQBrowser":"QQ 浏览器 ",

    "TencentTraveler":"QQ 浏览器 ",

    "MetaSr":" 搜狗浏览器 ",

    "360SE":"360 浏览器 ",

    "The world":" 世界之窗浏览器 ",

    "Maxthon":" 遨游浏览器 ",

    }

    结论:


    1)  是否是手机客户端
    2)  操作系统(如window XXX / andriod XXX/ iphone XXX)
    3)    浏览器(如 UC /QQ  / 百度)


    user agent 扩展/作用

    user-agent是指用户浏览器端的信息,比如你是用IE的,还是firefox的.有些网站会根据这个来调整打开网站的类型,如是手机的就打开wap,显示非手机的就打开pc常规页面. 

    1)区分展示排版。 通过这个标识,用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信息统计;例如用手机访问谷歌和电脑访问是不一样的,这些是谷歌根据访问者的UA来判断的。


    2) 网页监控。 user-agent是许多网站知道你用的是什么核心的浏览器---网页监控


    3)信息侦测。  许多浏览器和下载软件会伪装 user agent 来回避某些侦测特定浏览器才能读取的网站。 


    比如你用FIREFOX浏览一个网站,但该网站用FIREFOX浏览的话页面内容会显示不正常,该网站就会弹出请用IE浏览的信息框!这就是USER AGENT起的作用!

    4) SEO。通过判断 user-agent(可能还判断了其他东西),如果是搜索引擎的爬虫,就把内容显示出来,否则的话,只显示给付费用户。所以有的网站能够被Google搜索到,点击链接进去以后 却显示“未注册”、“还不是会员”。

    参考:

    user agent 种类


    客户端与服务器端userAgent的区别

    不同点客户端服务器
    获取方式

    客户端通过JS来获取userAgent

    方法为:navigator.userAgent

    服务起端通过获取http头信息来得到userAgent

    方法为:Request.UserAgent(以Asp.net为例)

    是否可伪造客户端的userAgent没办法伪造服务器端获取的UserAgent可以伪造(可以修改发送给服务器端的请求的HTTP头信息)
    用途1) 在几年前,写浏览器兼容代码的时候,常常判断navigator.userAgent(这是一种不好的方式):


    首先是浏览器会伪造user-agent,比如刚才说的opera,
    其次是用户可以伪造,上面说的IE和FF的方法。
    其 次,一种浏览器的某个版本不支持某种特性或者功能,不意味着它永远不支持,目前支持的,将来也不一定还有(虽然一般都会向后兼容)。
    所以现在一般用对象检 测的方法,代替浏览器检测。 

    2) 监控页面
    1)  判断pc的网页浏览器还是mobile的浏览器
    在某些特殊的情况下,服务器根据浏览器的不同类型,输出不 同的内容

    2)  用来识别移动终端的型号
       

    参考:

    测试修改user agent

    目的: 
    修改浏览器的User-Agent来伪装你的浏览器和操作系统
    原理:
    Http请求消息头(request headers​)中,包含一个field: User-Agent 
    1. User-Agent:
      Mozilla/5.0 (Linux; U; Android 4.1; en-us; GT-N7100 Build/JRO03C) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
    进行 HTTP 请求时发送到服务器,服务器就知道了用户是使用什么浏览器(邮件客户端/搜索引擎蜘蛛)来访问的。

    模拟某个特定User Agent的工具

    User-agent switcher(火狐插件)
    展开全文
  • 在网页中加入以下代码,就可以正常显示了: 解释: width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 ...
  • 实现类似浏览器的缩放页面比例

    千次阅读 2017-04-01 14:47:33
    用浮点数来定义缩放比例。不允许负值 : 用百分比来定义缩放比例。不允许负值 例子: body{ zoom: 70%;  } transform : none| transform-functions 值: none 定义不...
  • 浏览器兼容问题一:不同浏览器的标签默认的外补丁和内...备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。 浏览器兼容问题二:块属性标...
  • 首先要加入下面的代码: , initial-scale=1.0, user-scalable=...还有就是不要设置太大的具体宽度属性了,比如你在网页把Body的宽度属性设为1000px,这肯定是不行的了,但是可以设置为90%,这是屏幕自适应的。
  • html兼容手机浏览器

    2017-06-05 10:14:00
    在网页中加入以下代码,就可以正常显示了: <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0"/> ...
  • 最近在做一个页面时,发现在 iPad 的 Safari 浏览器中背景显示不全,定位到该 div 后发现所指定 css 的宽度为 100% ; 到百度搜索后发现,safari 中 viewport 默认宽度为 980px,若事先未指定其初始 viewport 宽度...
  • Tips: 调试 iPad 或 iPhone 可在设置中启动调试模式,在 Mac 中的 Safari 阅读器 一样开启开发者模式后,进行联机调试。功能彪悍。 最近在做1个页面时,发现在 iPad 的 Safari 阅读器中背景显示不全,定位到该 div ...
  • HTML适应手机浏览器宽度

    万次阅读 2014-03-24 11:18:01
    在网页的中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度: 第一行: width=device-width :表示宽度是设备屏幕的宽度 initial-scale=1.0:表示初始的缩放比例 minimum-scale=0.5:表示最小...
  • 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。  name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-...
  • 入门学习Linux常用必会60个命令实例详解doc/txt

    千次下载 热门讨论 2011-06-09 00:08:45
    文件为doc版,可自行转成txt,在手机上看挺好的。 本资源来自网络,如有纰漏还请告知,如觉得还不错,请留言告知后来人,谢谢!!!!! 入门学习Linux常用必会60个命令实例详解 Linux必学的60个命令 Linux提供...
  • Tips: 调试 iPad 或 iPhone 可在设置中启动调试模式,在 Mac 中的 Safari 浏览器 同样开启开发者模式后,进行联机调试。功能彪悍。 最近在做一个页面时,发现在 iPad 的 Safari 浏览器中背景显示不全,定位到该 div...
  • 在iPhone的浏览器中页面将以原始大小显示,不允许缩放 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> width - ...
  • 在做手机端web的时候发现css中设置的同样字体大小的两块内容,实际显示的字体大小差异明显!测试后发现字体大小会随着文本块中文本内容数量的变动而变动。网上查阅资料发现是chrome对字体优化导致的,在css中加入...
  • <div class="markdown_views"><h1 id="解决因为手机设置字体大小导致h5页面在webview中变形的bug...首先,我们做了一个H5页面,在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局,通过JS来动态计算网页的视
  • 按【F12】调出控制台,点击下图1处调整控制台显示的方位,在手机端页面开发的时候,本人习惯选择最右的,在屏幕右侧显示控制台。 点击下图3处图标或Ctrl + Shift + M调出自定义模式 设计人员常用的尺寸是iPhone ...
  • C#基础教程-c#实例教程,适合初学者

    万次阅读 多人点赞 2016-08-22 11:13:24
    C#中类析构函数不能显示地被调用,它是被垃圾收集器撤销不被使用的对象时自动调用的。 1.3.5 类的构造函数的重载 在C#语言中,同一个类中的函数,如果函数名相同,而参数类型或个数不同,认为是不同的函数,这叫函数...
  • UCweb等手机浏览器的盈利模式

    千次阅读 2010-05-21 17:28:00
    百度和Google都开展了相应的手机搜索业务。三,用户收费: 学习qq,对用户进行区别化。高级用户付费-为更快的浏览速度买单,为更炫的功能买单四,内容收费五,电子商务: 和支付宝结合六,广告联盟而在2004
  • Google浏览器开启手机调试模式

    千次阅读 2015-11-19 16:10:57
    Google浏览器开启手机调试模式,方便WapApp开发人员进行调试 打开Google浏览器,按F12打开调试模式(MAC开启调试模式是command ...刷新页面(手机模式里面的页面才符合比例),选择需要模拟的设备
  • 像素并非像素4.rem的几种解决方案4.1 方案1,针对各个分辨率范围在html上设置font-size4.2 方案2,通过视口的宽度的比值动态算出html根元素的字体大小4.3 方案3,阿里团队的方案,推荐方案4.4 方案4,淘宝触屏版的...
  • 浏览器开发者工具,自己设置屏幕分辨率调试(chrome) 进入浏览器后点击F12进入开发者工具后,点击左上角手机状按钮,如图: 进入视图后,点击上方居中的下拉箭头,如图: 选择最后选项Edit,进入编辑框,如图: ...
  • 一、用户修改手机字体设置大小,影响App里打开的web页面。 手机字体设置大小,影响App的页面。 Android的可以通过webview配置webview.getSettings().setTextZoom(100)就可以禁止缩放,按照百分百显示。 二、用户调整...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 18,411
精华内容 7,364
关键字:

如何设置手机浏览器显示比例