自己虽然也注册了CSDN账号,但是没有在上面发表过博客等内容。不过经常在Google里面搜索相关内容时,会显示csdn的结果。这也说明国内很多IT人员都会在CSDN发表博客,记录解决问题过程或者想法。因为之前在学校主要学习是.NET技术,所以自己的博文基本都是在博客园上。

CSDN博客有桌面版和移动版,2个版本。今天搜索到是一个移动版吗,搜索出来的地址:http://m.blog.csdn.net/blog/jinzheng069/8783370 截图如下:

第一次用户体验:【失败】

因为移动版看着不是非常习惯,我就很自觉的点击最下面那个“桌面版”链接,大家猜,csdn博客会跳转到哪里去?作为程序员,我一般理解应该是这边博客对应的桌面版内容。但是跳转到csdn博客首页,和我想的不一致。使用chrome查看节点元素内容,截图如下:

这里不知道是最初设计的问题,还是程序的问题,我们可以看到path=/,这个值,有可能这是returnurl之类的。具体问题,需要csdn的技术人员说明了。

第二次用户体验:【失败】

作为web开发程序员,觉得这个不对的话,那我来改url,应该可以导向到桌面版的地址去。移动版的地址:http://m.blog.csdn.net/blog/jinzheng069/8783370, 那我就把m改成了www。改后的url为:http://www.blog.csdn.net/blog/jinzheng069/8783370。这个页面不存在,确实一般的开发人员估计也知道blog应该是二级域名,加www估计找不到网页。

第三次用户体验:【失败】

之前看《Head First Mobile Web Design》里面有讲到,一般网站的移动版url都会在前面多加“m”开头,表明是移动网页,所以我就去掉m,把url改成了http://blog.csdn.net/blog/jinzheng069/8783370,网站给出了一个500服务器内部错误。截图如下:

第四次用户体验:【成功】

基于IT人的性格,这个不是考验我的能力吗?有移动版的,肯定有桌面版,今天非得找出来不可。

第一步:点击csdn博客中随便一篇博客,比如这个地址:http://blog.csdn.net/shenyisyn/article/details/9135655

第二步:改成http://blog.csdn.net/jinzheng069,在博主的博客目录里面找到这边博文。地址是:http://blog.csdn.net/jinzheng069/article/details/8783370 ,找到这个地址真心不容易呀!

从设计的角度来说,我们现在对比一下这2个地址:

移动版 http://m.blog.csdn.net/blog/jinzheng069/8783370

桌面版 http://blog.csdn.net/jinzheng069/article/details/8783370

如果后面的url都一样,我把m去掉就可以访问成功。不知道csdn为什么没有采用这种方式,当然如果在用户点击“移动版”和“桌面版”,可以正常切换,估计也没有必要吐槽这篇帖子。当然也有可能是早起设计上的问题,如果吐槽的不对,还请指出。

Mobile Web中URL设计问题的更多相关文章

  1. tomcat 与 java web中url路径的配置以及使用规则详情(长期更新)

    首先我们看一下在myeclipse中建立的java web项目的结构 在这里我们需要注意这个webroot也就是我们在tomcat里的webapp里面的应用 之所以每一个项目都有这个webroot,是 ...

  2. 2017.11.10 web中URL和URI的区别

    URI:Uniform Resource Identifier,统一资源标识符: •URL:Uniform Resource Locator,统一资源定位符: •URN:Uniform Resourc ...

  3. 前端小记4——高性能mobile web开发

    1.高性能CSS3动画 与PC端场景需要相比,移动web端需要考虑的因素也相对复杂,重点考虑:流量.功耗与流畅度.在pc端上考虑更多的是流畅度,而mobile web中需要考虑网络流量的使用和耗电情况 ...

  4. SSM实战——秒杀系统之Web层Restful url设计、SpringMVC整合、页面设计

    一:Spring整合SpringMVC 1:编写web.xml,配置DispatcherServlet <web-app xmlns="http://java.sun.com/xml/ ...

  5. 以项目谈WebGIS中Web制图的设计和实现

    文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/ 1.背景介绍 一般WebGIS项目中,前端展示数据的流程基本是先做数据入 ...

  6. web工程中URL地址的推荐写法

    三.web工程中URL地址的推荐写法 使用c标签<c:url value="" /> 会自动添加项目名 -> value中的值 前面要加 “/” 在JavaWeb ...

  7. web工程中URL地址的写法

    在开发中我们不可避免的要碰到许多需要写URL地址的情况,这常常让我们感到头疼.下面笔者推荐一种简单的做法.URL地址分为绝对路径和相对路径两种.相对路径又分为相对资源路径和相对根路径.显然绝对路径在开 ...

  8. Atitit.面向接口的web 原理与设计重写 路由启动绑定配置url router rewriting urlpage  mvc mvp的 java c#.net php js

    Atitit.面向接口的web 原理与设计重写 路由启动绑定配置url router rewriting urlpage  mvc mvp的 java c#.net php js 原理 通过vm带入启 ...

  9. js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符

    js中对arry数组的各种操作小结   最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊 ...

随机推荐

  1. JS获取当前时间戳的方法

    JavaScript 获取当前时间戳:第一种方法: var timestamp = Date.parse(new Date()); 结果:1280977330000第二种方法: var timesta ...

  2. Ejabberd导入到eclipse

    ejabberd 在eclipse(erlide)中的配置.调试.运行   最近在折腾ejabberd,将ejabberd项目配置到eclipse中进行编译.调试等,现在将过程记下来,希望能帮助到需要 ...

  3. Daily Scrum02 12.15

    今天会议主要还是大家汇报进度与任务.由于团队中有两位成员在周一会有其他事情处理,暂不分配任务,因而这些事情要交给其他成员处理…… 由于要反复修改,查看效果,所以要花费很长的时间,但大家最近都很忙,我们 ...

  4. Python的字节编译

    1.什么是Python的.pyc文件 在python中 .pyc文件是指以.pyc为后缀名的这一类文件,在我们的python的安装目录里,找到模块所在的目录Lib会看到很多以.py结尾的模块文件,与之 ...

  5. DataTable扩展方法ToList<T>()、ToJSON()、ToArrayList()

    /// <summary> /// 扩展方法类 /// </summary> public static class CommonExtension { /// <sum ...

  6. Independent Components Analysis:独立成分分析

    一.引言 ICA主要用于解决盲源分离问题.需要假设源信号之间是统计独立的.而在实际问题中,独立性假设基本是合理的. 二.随机变量独立性的概念 对于任意两个随机变量X和Y,如果从Y中得不到任何关于X的信 ...

  7. PCA与LDA的区别与联系

    由于涉及内容较多,这里转载别人的博客: http://blog.csdn.net/sunmenggmail/article/details/8071502 其实主要在于:PCA与LDA的变换矩阵不同, ...

  8. .NET程序反汇编JustDecompile 开源

    JustDecompile是Telerik公司推出一个免费的.net反编译工具,支持插件,与Visual Studio 集成,能够创建Visual Studio project文件.JustDecom ...

  9. io.js入门(二)—— 所支持的ES6(上)

    io.js的官网上有专门介绍其所支持的ES6特性的页面(点我查看),上面介绍到,相比nodeJS,io.js已从根本上支持了新版V8引擎上所支持的ES6特性,无需再添加任何运行时标志(如 --harm ...

  10. 玩转JavaScript OOP[2]——类的实现

    概述 当我们在谈论面向对象编程时,我们在谈论什么?我们首先谈论的是一些概念:对象.类.封装.继承.多态.对象和类是面向对象的基础,封装.继承和多态是面向对象编程的三大特性. JavaScript提供了 ...