chrome边解析Html边显示,chrome 控制台 preview 如何解析html代码

Preview 根据你所选择的资源类型(JSON、图片、文本)显示相应的预览。在Preview(预览功能)中，控制台会把发送过来的json数据自动转换成javascript的对象格式。

ajax开发中, 常遇到下面的几种情况:

1 服务端需要返回一段普通文本给客户端

2 服务端需要返回一段HTML代码给客户端

3 服务端需要返回一段XML代码给客户端

4 服务端需要返回一段javascript代码给客户端

5 服务端需要返回一段json串给客户端

对于每一种返回类型，规范的做法是要在服务端指定 response的contentType 的.

1. 普通文本 : text/plain

2. HTML代码 : text/html

3. XML代码 : text/xml

以上三个是毫无争议的, 另外两种情况 就要注意一下了.

javascript 的 contentType 按最标准的写法 应该是 application/javascript.

json的contentType , 标准写法是 :application/json.

设置这些有什么用?

绝大多数情况下 确实不设置也可以.

但是这种做法是不规范不标准的.对于复杂的ajax应用 ,不规范的行为是会带来很大的隐患.

举个例子.

对于同样的内容 可以有下面的3种形式

html形式 ：

对于 html 形式,客户端得到数据后,往往是对其做dom操作。

javascript形式 ：

对于 javascript形式,往往是对其做eval操作。

json形式：

对于 json形式,往往是对其做  eval操作之后 赋值给某变量。

客户端拿到不同形式的代码 所要做的工作是不一样的。

如果没有设置 contentType 客户端很难判断 返回的数据是什么, 该怎么处理。

返回信息,如果不设置contentType,web服务器往往会给返回的内容添加一个"默认的contentType",

但是这个"默认"会根据服务器的不同 以及web应用配置的不同而不同.

而浏览器对于没有足够头信息的返回值 也会做出"某些默认行为(打开 或下载 或报错".

总之 不同浏览器 不同的浏览器设置 结果可能是不一样的无法把控。

正确设置返回信息的 contentType  还是很有必要的。

======================