《HTML5移动Web开发实战》—— 1.9 定义一个内容策略

简介:

本节书摘来异步社区《HTML5移动Web开发实战》一书中的第1章,第1.9节,作者:石川,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.9 定义一个内容策略

HTML5移动Web开发实战
适用浏览器:所有

通过分析工具搜集到的数据,你可以定义一个内容策略,这对已经有了一个桌面网站的人是非常有用的。

1.9.1 准备

确认你已经把分析工具的Javascript代码嵌入到网站中。

1.9.2 实践

1.进入分析工具,在左边导航栏中点击受众群体 | 移动设备,如图1-11所示。

1c7b2e5b8c4c31ff8fbc7e9b9c4af9a2718404b7

2.现在点击设备,你可以看到人们使用什么设备浏览你的网站,如图1-12所示。

16927c1821d4028b877a767174a8979997bec0d6

1.9.3 回顾

Google Analytics可以分析浏览你的网站最常用的移动设备,也可以分析你的网站最受欢迎的部分。

1.9.4 延伸

人们使用移动设备上网的目的与使用桌面设备上网是不同的,例如:对于一个产品销售网站,大部分用户使用移动设备常常查看联系方式、地址和服务,而使用电脑的用户常常搜索产品目录、公司简介和产品描述。Google Analytics可以分析哪个部分或页面是访问量最大的,除了Google Analytics,你也可以使用我们早前发现的PercentMobile,如图1-13所示。

85e1ee262f94f3d47b2ea56c45cb6114841855c1

浏览器分级
使用分析工具是决定支持哪些浏览器的方法之一,另一种是依据浏览器分级。jQuery Mobile有一个很好的浏览器支持表:http://jquerymobile.com/gbs/,同时还有一个jQuery Mobile的ppt讨论了所有移动网站开发策略:http://www.slideshare.net/jeresig/testing-mobile-javascript

移动设备信息
我与Jonathan Neal和其他很多人合作总结了一个移动设备中前端相关的信息表:

https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Matrices

它包含了当前市面上大部分的智能手机,以及他们的屏幕尺寸、DPI(Dots Per Inch,点每英寸)和操作系统。

相关文章
|
3月前
|
运维 负载均衡 安全
深度解析:Python Web前后端分离架构中WebSocket的选型与实现策略
深度解析:Python Web前后端分离架构中WebSocket的选型与实现策略
145 0
|
2月前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
52 6
|
2月前
|
前端开发 JavaScript UED
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势
在数字化时代,Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势,包括样式表优化、DOM操作减少、图像优化等技术,并分析了电商网站的具体案例,强调了技术演进对Web性能的深远影响。
45 5
|
2月前
|
消息中间件 前端开发 JavaScript
探索微前端架构:构建现代Web应用的新策略
本文探讨了微前端架构的概念、优势及实施策略,旨在解决传统单体应用难以快速迭代和团队协作的问题。微前端允许不同团队独立开发、部署应用的各部分,提升灵活性与可维护性。文中还讨论了技术栈灵活性、独立部署、团队自治等优势,并提出了定义清晰接口、使用Web组件、状态管理和样式隔离等实施策略。
|
2月前
|
缓存 前端开发 JavaScript
Web应用性能优化策略
Web应用性能优化策略
|
2月前
|
安全 前端开发 JavaScript
如何检查和验证 HTML 中的 CSP 策略是否有效
本文介绍如何检查和验证 HTML 中的 Content Security Policy (CSP) 策略是否有效,包括使用浏览器开发者工具、在线验证工具和常见问题排查方法。
|
2月前
|
安全 应用服务中间件 Go
如何在 HTML 中添加 CSP 策略
内容安全策略(CSP)是一种安全机制,用于防止跨站脚本攻击等安全问题。本文将介绍如何在 HTML 中添加 CSP 策略,以提高网站的安全性。
|
2月前
|
前端开发 开发者 UED
移动优先:响应式设计在现代Web开发中的实践策略
【10月更文挑战第29天】在现代Web开发中,响应式设计已成为不可或缺的实践策略,使网站能适应各种设备和屏幕尺寸。本文介绍了移动优先的设计理念,对比了移动优先与桌面优先的策略,探讨了流式布局与固定布局的区别,详细讲解了CSS媒体查询的使用方法,并强调了触摸和手势支持及性能优化的重要性。
43 1
|
2月前
|
安全 前端开发 Java
Web安全进阶:XSS与CSRF攻击防御策略深度解析
【10月更文挑战第26天】Web安全是现代软件开发的重要领域,本文深入探讨了XSS和CSRF两种常见攻击的原理及防御策略。针对XSS,介绍了输入验证与转义、使用CSP、WAF、HTTP-only Cookie和代码审查等方法。对于CSRF,提出了启用CSRF保护、设置CSRF Token、使用HTTPS、二次验证和用户教育等措施。通过这些策略,开发者可以构建更安全的Web应用。
114 4
|
3月前
|
XML JSON 安全
定义Web服务
【10月更文挑战第18天】定义Web服务
90 12