找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1447|回复: 1

响应式的页面如何调试兼容

[复制链接]
发表于 2013-5-20 20:59:59 | 显示全部楼层 |阅读模式
如何在PC电脑上 模拟调试不同的手机浏览器 显示效果 看看 是否都兼容的

如调试 手机上的UC浏览器, IPHONE的浏览器
发表于 2013-6-5 11:43:15 | 显示全部楼层
可以用一些pc上可以测试的工具,

类似这个bookmark
  1. javascript:document.write('<!DOCTYPE%20html><html><head><meta%20charset="utf-8"><title>Responsive%20Design%20Testing</title><style>body%20{%20margin:%2020px;%20font-family:%20sans-serif;%20overflow-x:%20scroll;%20}.wrapper%20{%20width:%206000px;%20}.frame%20{%20float:%20left;%20}h2%20{%20margin:%200%200%205px%200;%20}iframe%20{%20margin:%200%2020px%2020px%200;%20border:%201px%20solid%20#666;%20}</style></head><body><div%20class="wrapper"><div%20class="frame"><h2>240<span>%20x%20320</span>%20<small>(mobile)</small></h2><iframe%20src="'%20+%20window.location%20+%20'"%20sandbox="allow-same-origin%20allow-forms"%20seamless%20width="240"%20height="320"></iframe></div><div%20class="frame"><h2>320<span>%20x%20480</span>%20<small>(mobile)</small></h2><iframe%20src="'%20+%20window.location%20+%20'"%20sandbox="allow-same-origin%20allow-forms"%20seamless%20width="320"%20height="480"></iframe></div><div%20class="frame"><h2>480<span>%20x%20640</span>%20<small>(small%20tablet)</small></h2><iframe%20src="'%20+%20window.location%20+%20'"%20sandbox="allow-same-origin%20allow-forms"%20seamless%20width="480"%20height="640"></iframe></div><div%20class="frame"><h2>768<span>%20x%201024</span>%20<small>(tablet%20-%20portrait)</small></h2><iframe%20src="'%20+%20window.location%20+%20'"%20sandbox="allow-same-origin%20allow-forms"%20seamless%20width="768"%20height="1024"></iframe></div><div%20class="frame"><h2>1024<span>%20x%20768</span>%20<small>(tablet%20-%20landscape)</small></h2><iframe%20src="'%20+%20window.location%20+%20'"%20sandbox="allow-same-origin%20allow-forms"%20seamless%20width="1024"%20height="768"></iframe></div><div%20class="frame"><h2>1200<span>%20x%20800</span>%20<small>(desktop)</small></h2><iframe%20src="'%20+%20window.location%20+%20'"%20sandbox="allow-same-origin%20allow-forms"%20seamless%20width="1200"%20height="800"></iframe></div></div></body></html>')
复制代码
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-1-26 22:53 , Processed in 0.071035 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表