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

作者:待续 | 分类:待续|seo学习记录 | 浏览: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更改方式

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

                 待续个人博客
上一篇:织梦dedecms网站后台的改动和删除 下一篇:css标签常用属性大全

网名:待续

姓名:HYX

籍贯:山西省-长治市

现居:北京市—通州区

职业:网站优化SEO、百度推广SEM

副业:吃饭、睡觉、斗地主

喜欢的书: 像我这智商的人,基本已经告别自行车了.

喜欢的音乐:《待续》《后来》《七月上》《黑色泪滴》《其实都没有》

我们之间未完待续...

写信给待续个人博客 填写您的邮件地址,订阅我们的精彩内容:

网站分类
友情链接
seo优化、网站建设、生活博客

待续个人博客logo标志