TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Test your website's responsiveness

27 点作者 jak1192将近 12 年前

14 条评论

stack0v3erfl0w将近 12 年前
There is a similar tool built into Firefox (Tools -> Web Developer -> Responsive Design View)
评论 #5928502 未加载
评论 #5928977 未加载
amwelles将近 12 年前
Neat tool, but... Should we be targeting specific devices? Shouldn&#x27;t things look awesome at <i>any</i> screen size? Like somebody already mentioned [1], this doesn&#x27;t include Android options, Windows phone, or anything else.<p>[1] <a href="https://news.ycombinator.com/item?id=5928448" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=5928448</a>
评论 #5928654 未加载
wholalotta将近 12 年前
it doesnt work. I checked my website from my iphone4s and from your tool. They are not the same.
评论 #5928958 未加载
评论 #5928488 未加载
marban将近 12 年前
<a href="http://screenqueri.es" rel="nofollow">http:&#x2F;&#x2F;screenqueri.es</a> is the much better choice (if you really want to skip the test in an actual emulator)
评论 #5928385 未加载
评论 #5929126 未加载
tehwebguy将近 12 年前
Looks pretty cool! Side note, I just learned about X-Frame-Options as a result of entering <a href="http://google.com" rel="nofollow">http:&#x2F;&#x2F;google.com</a> in the form box using Safari<p><a href="https://developer.mozilla.org/en-US/docs/HTTP/X-Frame-Options" rel="nofollow">https:&#x2F;&#x2F;developer.mozilla.org&#x2F;en-US&#x2F;docs&#x2F;HTTP&#x2F;X-Frame-Option...</a>
评论 #5928359 未加载
mmahemoff将近 12 年前
You can also go into Chrome devtools, Settings, Overrides. Then you can set the User Agent, which will also update the screen resolution. You can emulate touch events there as well.
websitescenes将近 12 年前
I skim hacker news on my iPhone and I couldn&#x27;t see anything in the emulation. I&#x27;ll have try later on my desktop. Thanks for sharing.
评论 #5928450 未加载
paul9290将近 12 年前
Is there a difference in using this tool vs. seeing how it looks as I scale my browser down to iPad, Android and iPhone size?
评论 #5929035 未加载
jusob将近 12 年前
You can also check <a href="http://mobilito.net/" rel="nofollow">http:&#x2F;&#x2F;mobilito.net&#x2F;</a>
apolymath将近 12 年前
i have to say that this preview thing is bullshit. For example, your web-based iPad viewing size is only 582px wide, when in all reality, the iPad is 1536px wide. Sorry, but this little test is an epic fail.
评论 #5928885 未加载
fady将近 12 年前
do you know why a html file in my dropbox public folder would not display on your site? dropbox public links work well in browsers. i use it a lot for dev stuff
denzil_correa将近 12 年前
This a very good hack. Kudos for it!
nudetayne将近 12 年前
Unfortunately, this doesn&#x27;t appear to render pages the same as Apple devices.
评论 #5928825 未加载
MostAwesomeDude将近 12 年前
Looks like there aren&#x27;t any Android options. That&#x27;s a shame.
评论 #5928457 未加载
评论 #5928664 未加载
评论 #5928460 未加载
评论 #5928461 未加载