`
robertliudeqiang
  • 浏览: 123149 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

http响应码303在不同浏览器上的表现 (原创)

    博客分类:
  • web
阅读更多
这篇文章比较了IE7,firefox, chrome对http返回码303的处理。

http响应码
http响应码的分布从1xx ~ 5xx, 比较熟悉的有200(OK), 500 (Internal Server Error), 503 (Service Unavailable)等。
3xx系列的响应码表示“重定向” (Redirection), 这里特别分析303 (See Other),303的rfc2616说明有几点值得我们注意:

  • 服务器在返回303的同时,应该(SHOULD)返回一个不同的URI,并放到Location字段中。
  • 客户端收到303后,可以使用这个URI获取新的资源(必须使用GET获取新资源)
  • 303的响应不能被缓存,但是Get到的新资源是可以被缓存的

如何模拟服务器发送303响应码
使用tomcat可以比较方便的模拟发送不同的响应码,主要代码如下
public class TestServlet extends HttpServlet {
	@Override
	public void doGet(final HttpServletRequest request, final HttpServletResponse response) {
		response.setContentType("text/html;charset=UTF-8");
		response.setHeader("Location", "/test/test2");
		response.setStatus(303);
	}
}
通过链接 http://localhost:8080/test/test1可以访问这个servlet。


各浏览器对303的处理方式:
共同点:三个浏览器在收到服务器303的响应后,都选择了立刻重定向到新的URI,在firefox使用firebug可以看处理的流程。



正常的事情人人都会做,下面主要搞点不正常的事情,看看三款浏览器的表现。


不正常事件一: 服务端返回303响应码,但是不返回Location(客户端没有URI可以重定向)
服务器端的代码如下,注释设置Location的语句即可
public class TestServlet extends HttpServlet {
	@Override
	public void doGet(final HttpServletRequest request, final HttpServletResponse response) {
		response.setContentType("text/html;charset=UTF-8");
		// response.setHeader("Location", "/test/test2");
		response.setStatus(303);
	}
}

IE7 显示的结果是常见的错误窗口,称之为IE的“通用错误窗口”,大家非常熟悉,部分截屏如下:



firefox和chrome则显示的http://localhost:8080/test/test1的内容。
换句话说,在没有给出Location的情况下,这两款浏览器返回的是原来页面返回的内容。

思考: 哪种返回更合理?
试想一种情况, 服务器端实现了一种机制, 对返回303的错误代码提供了一段"文本描述",同时“忘记”了设置了Location字段 (虽然根据http协议这是必须的)。 此时firefox和chrome即使不能进行本来应该进行的重定向,也可以显示服务器发回来的这段文本,具有提示作用(至少客户端知道自己网是通的吧),而IE的错误窗口就让人不知所云了。


不正常情况二: 循环重定向
这个时候又分两种情况

方法一,自己定向到自己,服务器端代码如下:
public class TestServlet extends HttpServlet {
	@Override
	public void doGet(final HttpServletRequest request, final HttpServletResponse response) {
		response.setContentType("text/html;charset=UTF-8");
		response.setHeader("Location", "/test/test1");
		response.setStatus(303);
	}
}

也就是说,使用链接http://localhost:8080/test/test1访问servlet,servlet返回一个URI,这个URI又指向http://localhost:8080/test/test1。

firefox和chrome都能检测到这个问题,firefox在重试了21次后检测到了这个问题,部分请求过程如下:



令人吃惊的结果又一次发生在IE上,IE居然进入了死循环,孜孜不倦的访问相同的链接,反映在浏览器上就是不断进行刷新。 

思考: 有必要理会这种情况吗?
太有必要了,试想有人做了这样一个恶意网站,并诱导你去点击,如果不幸用的是IE, 由于不停刷新,你的浏览器可能崩溃。

方法二,定向到另外一个URI,从另外一个URI再定向回来
firefox和chrome也同样能够发现这种错误,IE7这次没犯上面的错误,但是错误窗口仍然是前面的“通用错误窗口”。
感慨: IE的developer太幸福了,处理错误只要祭出的大窗口就行了,爽啊。


总结:
firefox和chrome很好的完成了任务,特别要说的是chrome,非常好的一款软件,非常好。
而IE表现则让人很失望,从开始上网时就使用IE,这么多年了,还有这么多问题,说啥好呢。
  • 大小: 12.6 KB
  • 大小: 7.8 KB
  • 大小: 28.8 KB
2
0
分享到:
评论

相关推荐

    事件模型在各浏览器中存在差异

    在IT领域,尤其是在Web开发中,事件模型是一个关键的概念,用于处理用户与网页交互的响应。W3C DOM 2 Events 规范定义了事件模型,使得任何支持DOM的节点,如HTML元素,都可以成为EventTarget,即可以接收并处理事件...

    web 浏览器兼容工具

    "易了千明编程助手.exe"可能是一款集成了浏览器兼容性测试功能的软件,它可以帮助开发者快速检测网页在不同浏览器环境下的表现,找出样式、脚本等问题,并给出相应的修复建议。它可能包括以下功能: - **模拟多...

    HTTP+JS+浏览器缓存技术

    Expires 是 Web 服务器响应消息头字段,在响应 http 请求时告诉浏览器在过期时间前浏览器可以直接从浏览器缓存取数据,而无需再次请求。Expires 的优点是可以减少服务器的负载,但其缺点是不能实时更新。 二、Cache...

    用JAVASCRIPT修正12个常见的浏览器问题

    12. **响应式设计的适应性**:通过JavaScript监听窗口大小变化,动态调整布局以适应不同屏幕尺寸,确保响应式设计在所有浏览器上都能正确工作。 通过上述方法,开发者可以有效地使用JavaScript来解决浏览器之间的...

    世界之窗浏览器,网页测试工具,测试浏览器

    在互联网时代,不同的用户可能使用不同类型的浏览器进行浏览,因此,确保网页在各个主流浏览器上的正常显示和功能运行是开发者的首要任务。世界之窗浏览器以其对多种网页标准的良好支持,成为测试网页兼容性的理想...

    Simple Browser 简易浏览器(原创)

    8. **跨平台兼容性**:简易浏览器可能需要在多种操作系统上运行,如Windows、MacOS、Linux等。因此,开发者可能使用跨平台的开发框架,如Qt或Electron,来实现多平台支持。 9. **扩展性和可定制性**:虽然名为...

    各浏览器默认的css

    为了确保网站在不同浏览器上的表现一致性,开发者通常需要做以下几件事: 1. **研究浏览器默认样式**:了解每个浏览器如何处理HTML元素的默认样式,例如,有的浏览器可能默认会给`<p>`标签添加下边距,有的则没有。...

    PC端Chrome浏览器扩展程序 模拟手机浏览器

    标题中的“PC端Chrome浏览器扩展程序 模拟手机浏览器”是指一种特定的Chrome浏览器插件,它能够让用户在个人电脑(PC)上使用Chrome浏览器时,模拟成移动设备的浏览器环境,以访问那些只对手机浏览器开放的网站或...

    各种浏览器的兼容性

    - JavaScript框架如React、Vue、Angular在不同浏览器上的表现可能有差异,需要关注官方文档的兼容性声明。 - 浏览器插件(如Flash)在某些浏览器中可能已被淘汰,如Chrome已不再支持Flash。 7. **移动设备兼容性*...

    个浏览器对css属性的不同支持

    然而,不同的浏览器对于CSS属性的支持程度并不完全相同,这可能导致在不同浏览器上展示的效果存在差异。了解这些差异对于创建兼容多浏览器的网页至关重要。 **一、浏览器兼容性问题** 1. **版本差异**:不同浏览器...

    js浏览器兼容问题的大全

    `CSS 兼容问题.doc`可能讨论了CSS在不同浏览器上的表现差异,如盒模型、渐变、动画、 Flexbox 或 Grid布局等。为确保兼容性,开发者需要了解并应用CSS前缀,如 `-webkit-`, `-moz-`, `-ms-` 和 `-o-`,以及使用工具...

    Css跨浏览器的一些整理

    在CSS(层叠样式表)领域,跨浏览器兼容性是一个重要的课题,因为它涉及到网页在不同浏览器上的一致性展示。每个浏览器对CSS的理解和实现可能存在差异,这可能导致样式在Firefox、Chrome、Safari、Edge以及Internet ...

    多浏览器兼容日期选择控件

    在Web开发中,为了确保日期选择控件在不同浏览器中的表现一致,开发者通常会利用JavaScript库或框架,如jQuery UI的Datepicker、Bootstrap的DateTimePicker或Moment.js等。这些工具不仅提供丰富的样式和功能,还处理...

    竹轩wap浏览器--电脑上wap网

    4. **模拟器功能**:通过模拟不同类型的WAP设备,开发者可以测试其应用在各种环境下的表现,确保跨设备兼容性。 5. **用户体验优化**:由于WAP网页通常设计为小屏幕显示,竹轩WAP浏览器可能会提供放大、缩小、全屏...

    Java-Swing嵌入浏览器(本地浏览器和webkit浏览器-火狐内核)

    7. **跨平台兼容**:由于DJnative-SWT和SWT的设计,虽然使用了本地浏览器引擎,但整个应用仍能在不同平台上运行,只需确保对应平台支持WebKit。 通过这个示例,开发者不仅可以学习如何在Java Swing应用中嵌入浏览器...

    java swing 内嵌浏览器

    5. **跨平台兼容性**:由于SWT是基于操作系统的,因此DJNativeSwing的内嵌浏览器在不同平台上可能会有不同的表现。开发者需要考虑如何确保应用在不同操作系统上具有一致的用户体验。 6. **性能和稳定性**:内嵌...

    C# 下载不在浏览器打开

    综上所述,"C# 下载不在浏览器打开"涵盖了文件下载的基本原理、HTTP响应头的使用、文件I/O操作、URL路由、安全性及用户体验等多个方面。在实际开发中,还需要结合具体的项目需求和框架进行适当的调整和优化。

    多浏览器日历控件

    - **CSS样式**:为了提供一致的视觉体验,CSS用于定义控件的外观,包括颜色、布局和响应式设计,使其能在不同屏幕尺寸上正常工作。 - **JavaScript逻辑**:核心逻辑通常由JavaScript实现,包括点击按钮显示/隐藏...

    兼容IE8及以上浏览器版本的

    用户可以直接用IE8及更高版本的浏览器访问此网址,查看其在不同浏览器下的表现。这通常意味着开发者已经做了跨浏览器的测试,确保在这些浏览器中功能正常运行,用户体验一致。描述还提到了“响应式”和“图表”等...

Global site tag (gtag.js) - Google Analytics