ajax抓取网页内容(这是网页中元素与打印的简单对应关系-安亲宝)

　　ajax抓取网页内容(这是网页中元素与打印的简单对应关系-安亲宝)

　　目前，浏览器对于网页页眉页脚的打印还存在很大的不足。可能有一些方法可以借助css来修复fixed position或者flexlayout，但是效果并不理想。

　　不过在最近更新的chrome to table打印中，增加了对等价元素的优化支持，解决了表格中标题和内容会被截断的问题。其实我们可以利用这个特性简单的打印页眉页脚。

　　这是网页中 HTML 元素和打印之间的简单对应关系：

　　______________________

　　| 头 | 标题

　　|____________|

　　| |

　　| | 内容

　　| 身体 |

　　| |

　　| |

　　|____________|

　　| 脚 | 页脚

　　|____________|

　　HTML代码示例：

　　            这是页头？              列1      列2                  FOX JUMP A RIVER      GO AWAY                  这是页脚         

　　生产环境下测试效果：

　　目前在用Chrome打印时发现的一些问题：

　　1) Thead 和 tfoot 只有在表格内容超过一页时才会起作用。

　　2) 当内容短于一页时，tfoot中的内容将不会显示在页面底部。

　　3) 页面多时，页面底部不显示最后一页的tfoot

　　总体来说效果比之前好很多，还可以接受。网页基本可以达到和打印机软件一样的效果。