Web开发人员清单
获得延期
铬
|
火狐
最佳实践
要求:
修复断开的链接
W3C链接检查器
拼写和语法
资本化
的写作风格
单词变体(e).g. 英国vs美国)
在所有浏览器中检查网站
BrowserShots.org
Browserling.com
BrowserStack
LambdaTest
CrossBrowserTesting
选择www-subdomain
no-www.org得分为“B”
...或万维网.yes-www.org
处理web中的“www”.配置
移动
要求:
为移动设备设计的测试
移动友好检查器
使用“viewport”元标签
不要忘记viewport元标签
让你的网站对移动设备友好
使用正确的输入类型
输入类型:Email, Url,电话
深入了解HTML5表单
使用真实设备进行测试
使用BrowserStack在多个设备上进行测试
分析 & 监控
要求:
正常运行时间监控
正常运行时间的机器人
StatusCake.com
流量分析
谷歌分析
StatCounter
滴答的
Matomo(以前称为Piwik)
表演。
要求:
谷歌页面速度得分90+
谷歌页面速度洞察
优化HTTP报头
redbot.org
优化图片
分析图片对页面的影响
TinyPNG
海妖.io
拥挤的人群.应用程序
用于Windows的pggautlet
ImageOptim for Mac
可用性
要求:
HTML5/CSS3兼容性检查
我可以使用吗?
Modernizr JS库
W3C国际化检查器
自定义404页面
更有用的404
的图标
真正的的图标生成器
的图标小抄单
使用友好的url
搜索引擎优化友好的url
ISS中的URL重写
Apache中的URL重写
NGINX中的URL重写
Print-friendly CSS
设置一个打印样式表
可选:
在你的网站上添加搜索功能
谷歌自定义搜索
考虑“开放式搜索”
环境集成
iOS上的Safari
ie浏览器(Windows)
语义
要求:
用结构化数据增加意义
模式.org的参考
模式-Creator.org
检查语义
谷歌结构化数据测试工具
脸谱网 OpenGraph调试器
推特卡验证器
搜索引擎优化
要求:
Google Rich Snippets
在线测试仪
开始
机器人.文本文件。
创建一个机器人.文本文件。文件
XML站点地图
在线创建站点地图
代码质量
要求:
HTML验证
W3C验证器
HTML5验证器.nu
CSS验证
W3C CSS验证器
运行CSS Lint
在线运行CSS Lint
运行JSLint / JSHint
在线运行JSLint
在线运行JSHint
世界上准备好了
W3C i18n检查器
可访问性
要求:
可访问性验证
Web内容无障碍指南(WCAG)概述
常见问题及解决方案
网页无障碍评估工具
使用屏幕阅读器进行测试
颜色对比
在线检查颜色对比
wai - aria地标
使用WAI-ARIA地标
WAI-ARIA指南
实际的例子
安全
要求:
遵循最佳实践
Mozilla天文台
跨站点脚本编制
XSS小抄单
基于DOM的XSS备忘单
跨站点请求伪造
解释和演练
CSRF小抄
可选:
安全连接(SSL)
免费SSL/TLS证书
在ISS上设置SSL
在Apache上设置SSL
在NGINX上设置SSL
SSL服务器测试
严格的传输安全
MDN概述
OWASP概述
启用内容安全策略
内容安全策略
内容安全策略(MDN)
CSP评估在线
社交媒体 & 结构化数据
可选:
结构化数据的谷歌搜索
结构化数据如何在谷歌搜索中工作
开放图协议
开放图协议参考
推特卡
文档
脸谱网
在脸谱网上分享
...最后
可选:
添加人.文本文件。
人类.三种发电机