前端：如何获取页面的CSS样式（包括页面的颜色，字体、字号、边距等）

1. 按F12进入开发者模式（我的需要同时按下Fn键和F12），再点左上角的箭头，进入选择，如图：

2.再点击需要查询的内容就可以获得所有的CSS样式信息

3.用谷歌浏览器也可以添加扩展应用，如：FeHelper，有许多扩展功能
如：JSON自动美化（页面自动检测并格式化）

• JSON手动美化（粘贴文本、手动格式化）
• JSON比对工具（支持左右两个JSON片段进行键值对比较）
• 字符串编解码（Unicode/UTF8/Base64/MD5/HEX）
• 代码美化工具（HTML/CSS/JS/XML/SQL）
• 代码压缩工具（HTML/CSS/JS）
• 简易Postman（Api接口测试，模拟HEAD/GET/POST方式）
• 二维码生成器（支持当前页面、图片、链接、选中的文字生成QrCode）
• 二维码解码器（支持网页二维码右键解码）
• 网页转为图片（将当前整个网页转为图片并保存）
• Markdown转换（支持Html到Markdown的互转）
• 页面取色工具（滑动鼠标随意取色）
• Js正则表达式（正则测试、常用正则列表）
• 时间(戳)转换（Unix戳与本地时间的互转）
• 图片Base64（任意图片转DataURI格式）
• 随机密码生成（任意长度、任意字符、随机）
• 编码规范检测（HTML/CSS/JS规范检测）
• 页面性能检测（页面响应时间、Header监测）
• 页面栅格标尺（页面栅格化、屏幕标尺）
• Ajax调试功能（需在控制台中使用）
• 网页油猴工具（网页特效、网页定制、脚本注入、自动刷新等）
• 网页编码设置（UTF-8、GBK、日文、韩文等）