【黄叶个人博客】一个做SEO、SEM的可怜人――本站文章部分来自网络如有涉嫌侵权,请与本站邮箱联系

您现在的位置是:主页 > seo、sem学习 >

pc端变移动端的js更改方式

    作者:黄叶 | 分类:seo、sem学习 | 浏览:50 | 评论:

                最近花了两天时间来鼓捣一个网站,它只是一个pc端网站,但我想把它变成移动端也可以看的,移动端结果百度和浏览器的转码,会变得很难看。
                pc端变移动端,首先就是要先把代码索引写出来:禁止百度和浏览器对网站进行转码,这个代码生成作用的时间大概在1到2天左右。代码如下:

          <meta http-equiv="Cache-Control" content="no-transform" />
          <meta http-equiv="Cache-Control" content="no-siteapp" />
    
          然后就是让网站pc端和移动端在访问时使用的css文件不一样(这样做是为了修改css不影响pc端的展示和美观),我用的是Js,代码如下:
            
    <script type="text/javascript">
    function loadCSS() {
    if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|BrowserNG|WebOS)/i))) {
    document.write('<link href="/skin/css/shouji.css" rel="stylesheet" type="text/css" media="screen" />');
    }
    else {
    document.write('<link href="/skin/css/pc.css" rel="stylesheet" type="text/css" media="screen" />');
    }
    }
    loadCSS(); 
    </script>
    
          代码的意思就是当你使用iphone等移动端访问网站时,网站会运行shouji.css这个css文件,当是用pc端访问时,会运行pc.css这个css文件。
          
         设置好js以后,就对shouji.css进行对照修改,调整手机端网站的大小和框架排列等。
               pc端变移动端的js更改方式
    

            通过开发者工具可以检测不同型号的手机的展现样式。这样就完成了!!!

                     黄叶个人博客

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.blog-huang.com/seo_sem/20180203.167.html