做了十五年建站，说实话，Dreamweaver这软件我是又爱又恨。
爱它的可视化操作，恨它的代码那叫一个乱。
很多新手朋友问我，用DW做的网站，怎么弄兼容性才好？
其实这问题问得挺实在。
毕竟现在浏览器那么多，Chrome、Edge、Safari，还有那些奇奇怪怪的国产浏览器。
要是你的网站在IE8上能跑，在Chrome上就乱码，那真是丢人。
我当年刚入行那会儿，也是被这问题折磨得掉头发。
记得有个客户，非要我用DW拖拽做个响应式页面。
结果导出代码后，手机上看全是错位的。
我盯着屏幕看了半天，发现全是DW自动生成的冗余代码。
那些class名，长得像乱码一样，根本没法维护。
所以，第一步，别全信DW的预览功能。
它那个内置浏览器，也就是个摆设。
你得真拿手机去测，或者用浏览器的开发者工具模拟不同设备。
别偷懒，偷懒的代价就是半夜起来改bug。
第二步，清理代码。
DW生成的代码，有时候会带一堆没用的样式。
你得手动去检查，把那些重复的CSS删掉。
特别是浮动布局，DW喜欢用float，但这玩意儿在移动端兼容性极差。
尽量用Flexbox或者Grid布局，虽然DW对新特性支持一般，但你可以手动改代码啊。
别怕改代码，代码是死的，人是活的。
第三步，测试环境要全。
别只在电脑上测。
找几台不同系统的手机，安卓的、苹果的，都试试。
还有，注意一下字体渲染。
DW默认的字体，在某些低端安卓机上，显示效果很差。
这时候，你得引入外部字体，或者用系统默认字体栈。
比如font-family: sans-serif; 这种，虽然土，但稳。
第四步，别忽视DOCTYPE声明。
DW有时候生成的DOCTYPE不完整，或者用了过时的DTD。
这会导致浏览器进入怪异模式，样式全乱。
一定要确保DOCTYPE是HTML5的，也就是。
这行代码虽然短，但影响巨大。
第五步，图片处理。
DW里插入的图片，有时候尺寸不对，或者格式不支持。
尽量用SVG或者WebP格式，兼容性好，体积小。
如果必须用JPG或PNG，记得压缩一下。
别让客户下载一个首页，流量都跑光了。
第六步，测试真机。
光靠模拟器是不够的。
有些手机浏览器内核特殊，比如某些华为、小米的自带浏览器。
你得去借朋友的手机，或者去网吧测一下。
别嫌麻烦，这是为了你的口碑。
我有个同行，就是没做兼容性测试，结果客户投诉网站在微信里打不开。
最后赔了一大笔钱，还丢了面子。
所以，DW做的网站怎么弄兼容性？
核心就两点：代码要干净，测试要全面。
别指望软件能帮你解决所有问题。
软件只是工具，人才是关键。
你得懂HTML，懂CSS，懂浏览器原理。
只有这样，你才能驾驭DW，而不是被DW驾驭。
最后，送大家一句话。
建站这条路，没有捷径可走。
每一步都得踩实了，才能走得远。
希望这篇文章，能帮到正在纠结兼容性的你。
如果有其他问题，欢迎留言，我们一起讨论。
毕竟，独行快，众行远嘛。
好了，我就啰嗦这么多。
去干活吧，别偷懒。
