简单网站构造
构建检测HTML5函数的简单网站的一种技术是检测哪些条件无法运行,而不是案例K正常工作。您经常会看到页面上出现错误的提示;此页仅在IE下可见。请升级浏览器”;。显然,大多数使用非丨E浏览器的用户认为自己的浏览器“错”;升级;版本,也不想切换到IE只是浏览网站。大多数人只是微笑,然后他们不会再去看网站。
当IE拥有** 多浏览器市场份额时,可以理解用户切换到IE。但如今IE只是众多很好浏览器中的一个。而根据市场变化趋势,不会长IE甚至** 受欢迎的浏览器。
目前,** 好列出您要提供和降级的功能网站。这样,那些弱浏览器虽然无法使用许多网站功能,但至少可以访问一个有用的站点。这种操作称为优雅降级,属于容错机制。
优雅降级的思想是,系统在一个或多个组件错误时仍应能够继续运行。在web开发中,这意味着即使HTML5组件不能被浏览器完全支持,网页也可以继续运行。
书信电报;视频gt;标签是一个很好的例子。该标签需要浏览器支持视频编解码器和lt同时vide〇gt;标签。只要其中一个不受支持,视频就无法播放。在这种情况下,选项是选择“bu”39;模式
燃气轮机;忽略错误,没有显示或显示由浏览器决定的错误消息。燃气轮机;检测到错误,并提示用户升级浏览器。燃气轮机;检测错误并执行后备措施。
** 好的选择是检测错误并执行回退措施。浏览器和用户不同,提供替代方案可以减少问题。
记住,这不是解决问题的完美方法。我们的目标是让选择HTML5浏览器的用户感到有价值。用其他语言,完整的fi系统网站不是** 好的方式,而且会使工作量翻倍。
4.5CSS3媒体查询检测移动浏览器CSS2引入media依赖样式表,开发者可以使用该样式表为不同媒体类型创建独立样式表。例如,可以创建以下样式表。
gt;(allmdash;所有媒体类型。gt;auralmdash;(0.05)mdash;语音合成器。燃气轮机;盲文mdash;盲文装置。gt;embossedmdash;(4)mdash;寻呼盲文打印机。燃气轮机;hand持有mdash;andmdash;小型设备,通常为单色^gtprintmdash;(0mdash;纸张格式和“格式”;打印预览“或“打印预览”;。燃气轮机;投影投影仪。gt;screen-彩色计算机屏幕。gt;tty^带固定字符网格的电传设备。燃气轮机;电视mdash;(0.05)mdash;低分辨率、低颜色和声音的电视设备。
可以使用media厲性向样式表添加媒体类型,以定义样式表的媒体类型。书信电报;样式media=报价;screengt;或将其添加到外部样式表标签。书信电报;链接media=报价;screen报价;rel=报价;STYLESHEF href=QUOTE;style.css*gt;
或者使用@media标记将样式添加到现有样式表中。
书信电报;样式gt;
@media打印{
//在此处添加样式}
lt/样式gt;
CSS3媒体属性被扩展,以便用户能够在各种条件下检测用户代理。当浏览器满足条件时,可以输出相应的样式表。例如,下面的代码可以为小屏幕用户输出不同的样式表。
书信电报;链接rel=quot;样式表media=quot;screenand(max-宽度:I28px)quot;
href=*小-screen.cssquot;燃气轮机;浏览器可通过K媒体功能gt;屏幕或设备的宽度和高度。燃气轮机;屏幕方向。
燃气轮机;屏幕或设备纵横比。燃气轮机;彩色和彩色场景,单色或彩色和彩色深度。燃气轮机;分辨率。燃气轮机;电视设备扫描过程。燃气轮机;网格或位图设备。