`
gazeldx
  • 浏览: 105936 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

适合于手机访问的网站的代码分析

 
阅读更多

现在手机上网流行,我打算开发的“我的故事”网站想让他默认是以手机访问。

学习了一下网易手机版:3g.163.com

 

<?xml version="1.0" encoding="utf-8"?> 
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml;charset=UTF-8"/> 
<meta http-equiv="Cache-Control" content="no-cache"/> 
<meta http-equiv="refresh" content="300; url=/"/> 
<title>网易首页_手机网易网</title> 
<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/> 
<meta name="MobileOptimized" content="240"/> 

 还有新浪微博:weibo.cn

 

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0"/>
<meta name="MobileOptimized" content="240"/>

体会:

* 看来手机网站和web只要略微修改一下代码的前部分就好了,还有页面布局他们都是用div,而且考虑到手机的访问效果,没有两个div在同一行的,这点值得注意。

* 对于手机版,直接显示的图片都是比较小的,方便手机阅读和节省流量。即便是打开后的图片,也不是原图,而是比直接显示的图大一些的图片。只有点击原图时才会显示原图。

 

莫非这么一整咱的网站就进入移动互联网行列了?强!

 

其他细节:

还有新浪微博可能加了样式的缘故,在QQ浏览器中设置为大字体的时候,显示的还是小字体,不知道UC中显示大字体能不能成功,也许是浏览器原因吧。

 

搜狐微博和新浪微博都能够做到识别手机访问和网页访问,即手机访问weibo.com的时候,其实返回的是weibo.cn的页面。这是通过User-Agent,ruby: request.user_agent做到的。

如果涉及到多域名映射访问,请看我写的另外一个文章。搜索我的博文“多域名”

分享到:
评论

相关推荐

    30个html5手机网站源码

    在本篇文章中,我们将深入探讨HTML5在手机网站开发中的应用,以及通过分析30个不同的手机网站源码,你可以学到的关键知识点。 1. **响应式设计**:HTML5引入了媒体查询(Media Queries)和流式布局(Fluid Grids)...

    中英文手机网站源码 v1.0

    "应用于手机站" 指出这个源码是专门为移动设备优化的,可能包含响应式设计,能自动调整布局以适应不同尺寸的屏幕。 "上传到支持ASP的空间即可直接访问" 提示我们部署这个网站只需要一个支持ASP运行环境的Web服务器...

    WAP整形医院手机网站源码

    "WAP整形医院手机网站源码" 是一个专门为整形医院设计的移动互联网应用,基于WAP(Wireless Application Protocol)技术,适用于智能手机用户访问。源码是编程中用于构建软件或应用程序的原始代码,这通常包括HTML、...

    一个手机网站源码+XHTML+WAP+MOBILE

    本文将详细讲解与“一个手机网站源码+XHTML+WAP+MOBILE”相关的知识点,主要涵盖手机网站开发、XHTML语言、WAP技术以及移动设备优化等方面。 首先,手机网站是针对移动设备用户设计的网页,其目的是提供在小屏幕...

    掌上手机wap网站源码

    【掌上手机wap网站源码】是一个专门为移动设备和计算机设计的网页应用程序,它使得用户可以通过手机或电脑方便地访问网站。"掌上湖北wap网站源码"是这个项目的具体实例,由开发者针对湖北省的特色和需求进行开发,...

    祛痘百度推广手机站源码

    【标题】:“祛痘百度推广手机站源码”是指一种专为在移动设备上进行祛痘产品推广设计的网站源代码。这种源码基于百度推广平台,旨在优化移动用户的访问体验,提高产品加粉(即增加关注或粉丝)的效果。 【描述】:...

    手机wap网站源码,很好的例子

    手机WAP网站源码是为适应移动设备浏览而设计的网页代码,主要针对早期功能手机和部分智能手机。WAP(Wireless Application Protocol)是无线应用协议,它允许用户通过无线设备如手机接入互联网,获取信息和服务。...

    品牌策划设计公司网站源码 网络设计公司pbootcms网站模板

    标题中的“品牌策划设计公司...通过以上分析,我们可以看到这个源码包提供了一套完整的、适用于设计公司的网站解决方案,包括前端界面和后台管理,对于想要快速建立专业且美观的公司网站的人来说,是一个不错的选择。

    最新软件应用类平台源码 手机应用下载源码

    总之,“最新软件应用类平台源码手机应用下载源码”不仅拥有强大的功能特性,而且非常适合那些希望快速建立自己品牌影响力的企业和个人开发者使用。通过这样一个平台,不仅可以为用户提供优质的下载服务,还能借助于...

    废品回收站网站源码带手机版

    4. **手机版功能**: 这个管理系统具有移动端适配,这意味着用户可以通过手机浏览器访问并使用网站的所有功能,比如提交回收需求、查看回收价格、预约服务等,提高了服务的便捷性。 5. **安装使用教程(VIP版).doc*...

    手机页面模版html5源码-仿手机号码归属地查询触屏版手机wap查询网站模板源码.zip

    尽管现代移动设备主要使用HTTP/HTTPS协议,但“WAP查询网站模板”可能意味着此模板适合于旧版移动浏览器或低配置设备。 6. CSS(层叠样式表):CSS是用于控制网页外观和布局的样式表语言。在本模板中,CSS用于定义...

    手机管家源码(适合新手学习使用)

    本篇将围绕"手机管家源码(适合新手学习使用)"这一主题,深入探讨其中涉及的Android开发知识,帮助初学者更好地理解和掌握Android应用程序的开发技术。 首先,我们要明确的是,手机管家的核心功能主要包括文件管理、...

    手机wrap网站蓝色的wap手机旅游网站模板源码

    为了更好地满足这部分用户的需求,开发适配于手机端的网站变得至关重要。“手机wrap网站蓝色的wap手机旅游网站模板源码”是一种专门用于构建旅游类手机网站的前端模板。该模板不仅具备美观的设计风格,还拥有良好的...

    手机相机源代码

    4. **源码解析**:在手机相机源码中,我们可以看到如何初始化Camera服务,如何调用HAL方法,以及如何处理图像数据。例如,源码会包含设置相机参数的逻辑,如分辨率、帧率、ISO等;处理捕获的图像数据,如YUV到RGB的...

    手机wrap网站仿手机号码归属地查询触屏版手机wap查询网站模板源码

    ### 手机wrap网站仿手机号码归属地查询触屏版手机WAP查询网站模板源码 在当前数字化时代,移动互联网应用已经深入到人们生活的方方面面,而手机号码归属地查询作为一个实用的功能,对于电信运营商、电商平台乃至...

    H670_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip

    描述与标题基本一致,再次确认了这是个HTML5的自适应响应式网页源码,适合于手机等移动设备。 【HTML5模板】 HTML5是HTML的最新版本,增加了许多新的标签和功能,旨在提高网页的交互性和可访问性。这些新特性包括...

    装饰公司网站html静态源码,手机自适应

    标题"装饰公司网站html静态源码,手机自适应"指出这是一个针对装饰公司的网站设计,采用HTML5技术构建,并且具备响应式布局,能够在不同设备上,尤其是手机上,自动调整布局以适应不同的屏幕尺寸。这意味着源码能够...

    PHP网站模板,网站源码,带PHP后台:游戏盒子软件官网页面html代码_游戏 软件 企业 产品.zip

    该压缩包文件“PHP网站模板,网站源码,带PHP后台:游戏盒子软件官网页面html代码_游戏 软件 企业 产品.zip”包含了构建一个以游戏盒子软件为主题的官方网站所需的各种元素。以下是对其中涉及的主要知识点的详细解析...

    手机wrap网站基于dedecms仿长沙美奥口腔医院手机wap医院网站源码

    ### 四、基于DedeCMS的WAP网站源码分析 #### 4.1 源码简介 本资源提供了基于DedeCMS的仿长沙美奥口腔医院WAP网站的完整源码,可供开发者学习和参考。该源码包含了网站的所有前端页面和后端逻辑代码,适用于希望快速...

    帝国cms7.5仿至诚财经网 股票证券门户网站源码+静态版本+PC同步生成手机.zip

    总结,这个【帝国CMS7.5仿至诚财经网股票证券门户网站源码】是一个集成了多种功能和优化策略的高效解决方案,适合想要搭建财经资讯网站的个人或企业。其强大的内容管理、SEO优化、跨平台兼容性以及安全保障,使得...

Global site tag (gtag.js) - Google Analytics