Chrome devtools -模拟视网膜屏幕时如何水平移动

google-chrome-devtools

我基本上是想通过改变模拟的设置来模拟一个MacBook视网膜15英寸的显示器渲染。我使用的设置是2880x1800。DPR 2.0。这可能是一个愚蠢的问题，但当我模拟100%缩放时，屏幕对我的显示器来说太大了(尽管是27英寸)，我认为这是由于像素密度的原因。我只想知道如何在模拟时水平移动，这样我就可以检查图像的外观(模糊与否)。

浏览 14提问于2016-12-30得票数 1

回答已采纳

2回答

iPhone视网膜模拟器窗口无法在屏幕上移动

xcode、ios-simulator

当我在Xcode中运行iPhone视网膜模拟器时，如果它停止移动到屏幕的顶部，但是模拟器窗口比我的显示器大，所以我看不到模拟器窗口的底部是什么，我如何才能改变设置，使其可以向上移动到显示器屏幕的顶部？

浏览 1提问于2013-05-23得票数 0

3回答

我刚把Chrome更新到v29.0.1547.57，当我退出标签页时，打开“模拟触摸事件”(DevTools-->Overrides-->Emulate Touch Events)就不再保存了。我专门从事移动开发，如果我现在每次打开DevTools都必须手动打开触摸模拟，这将是一个主要的痛苦。我浏览了所有的扩展应用程序接口和DevTools文档，但什么也没有找到。有人知道当DevTools打开时，我<em

浏览 4提问于2013-08-22得票数 4

1回答

Chrome DevTools触摸模拟不起作用

html、google-chrome、jquery-mobile、mobile、google-chrome-devtools

我使用Chrome的DevTools来测试一个移动HTML5应用，也就是模拟设备和触摸事件。昨天一切正常，但今天当我使用"Inspect Element“(屏幕截图)时，我得到了一个新的工具栏，如果我选择模拟任何设备，触摸事件就不起作用了，例如我按下一个按钮，它就会触发属于其他元素/按钮的事件如果我禁用DevTools，一切工作正常。有没有办法恢复到以前的行为，例如回滚一些更新，或者至少让这些功能正常工作？谢谢！:)

浏览 1提问于2014-10-10得票数 7

2回答

Mozila Firefox插件，可以像在移动设备中一样查看引导应用程序

asp.net-mvc-4、twitter-bootstrap、firefox-addon、mozilla

现在我需要在移动设备上测试响应功能。我知道Mozilla中有一些插件，可以让我们通过桌面获得与移动设备相同的体验，你们有人听说过这样的插件吗？

浏览 0提问于2014-01-18得票数 1

3回答

Chrome DevTools与真实的移动视图相比没有提供精确的移动视图

google-chrome-devtools

我正在努力使我的网页移动友好。因此，我正在使用Chrome DevTools设计一个移动版本的我的网页。我有它的方式，我希望它看起来在DevTools。我把它上传到我的网站上，并在一个实际的手机上查看&对象并不是在DevTools中的相同位置。我在DevTools中使用了DevTools 6的移动设计，并在一个实际的iPhone 6上查看它，它们不匹配。还有人有这个问题吗？我读过有关这方面的文章，但不知道如何

浏览 4提问于2019-01-08得票数 22

1回答

使用自定义User-Agent查看网站的移动版本

curl

我希望能够看到我的站点(或任何站点)的移动版本是什么样子，而不必在模拟器(浏览器堆栈)或我自己的设备上查看它。

浏览 1提问于2014-05-16得票数 0

16回答

浏览器不能缩放到400px以下？

html、css、layout、liquid-layout

我注意到的一件事是，我在Chrome中的浏览器窗口不能调整到400px以下，它只是停留在那里，而在FF中，当我缩小它时，它只是停在400px左右，然后弹出一个水平滚动条。当我在手机上打开这个网站时，它在320px左右看起来很完美，所以我知道它的尺寸确实低于400px。我很好奇是否有人知道这是一个浏览器/桌面的东西，或者我应该看一些不同于我的CSS的东西。同样在桌面上，它会缩小到大约400px的最小宽度并停止，但当我在手机上打开它时，它会缩放到手机屏幕的大小，大约是320px…

浏览 3提问于2011-12-31得票数 163

回答已采纳

2回答

使用Chrome Devtools，我的分辨率为@1680 is，但最小宽度:1440 is媒体查询无法工作。

html、css

所以我的用户屏幕是@1680 to，但是屏幕是1200 to，所以我不得不使用Chrome的Devtools来模拟一个更大的屏幕。我在css文件中创建了一个媒体查询：但是，当我在Devtools中将分辨率设置为1680 in时，Chrome正在使用较小的查询：我不知道它是Devtools还是Chrom

浏览 6提问于2016-10-20得票数 0

回答已采纳

1回答

ios- -在ios 6.1中使用鸟类自己的视图控制器进行过度调整

ios、objective-c、iphone、ios6.1、aviary

在ios 6.1中测试时，无论是在模拟器还是物理设备上，都会出现视图控制器的问题。请提出解决这个问题的办法。 ios 7.1视网膜屏幕截图如下 

浏览 1提问于2014-08-21得票数 2

回答已采纳

4回答

Windows中的Android浏览器

android、android-emulator、webkit

有没有一种方法可以在窗口中安装Android SDK Web浏览器的web工具包引擎，并将其自定义为直接在windows环境中运行？

浏览 0提问于2012-01-24得票数 10

1回答

DevTools中的屏幕大小与实际设备大小不匹配

google-chrome-devtools

在Chrome的DevTools中，当我选择移动设备显示网页时，我注意到DevTools中的屏幕大小与设备的实际屏幕分辨率不匹配。例如，如果我选择一个像素2 XL，DevTools中显示的宽度为412。但这个装置的宽度实际上是1440。这有什么原因吗？

浏览 4提问于2021-10-19得票数 2

2回答

如何通过媒体查询将平板电脑与较旧的笔记本电脑或台式机区分开来？

css、mobile、responsive-design、media-queries、tablet

显然，对于移动设备和平板电脑，有许多常见的媒体查询屏幕大小需要检测/开发的断点，以及使用像素比率媒体查询检测视网膜显示的方法，但我如何才能区分没有视网膜显示的旧ipad或其他平板电脑与分辨率大致相同的笔记本电脑或较小的台式机屏幕我正在使用的界面需要根据用户使用的是鼠标还是触摸屏进行更改，而像老式ipad水平方向的界面很容易与老式笔记本电脑或台式机显示器混淆。那么，区分移动平板电脑和分辨率相似的老式笔记本电脑或台式机的最佳方式是什么呢？

浏览 1提问于2012-12-06得票数 0

1回答

在Chrome* DevTools中，4x较慢的CPU节流阀在硬件方面模拟什么？*

google-chrome-devtools、performance-testing、processor

可能有一个更好的论坛为这个问题，所以我开放的建议，以移动它。如果我使用的是2017年15英寸的MacBook Pro (2.9 GHz Intel Core i7)，并且在Chrome DevTools中节流速度慢了4倍，那么我模拟的是什么样的硬件呢?它是否就像将时钟速度除以4一样简单，我认为不是…… 我正在努力弄清楚，这种节流水平是否与我正在开发的应用程序相关。

浏览 0提问于2018-06-14得票数 9

4回答

为什么在使用手机时，25%宽的img之间会有一些差距？

css、image、mobile、width

这在桌面浏览器中是可以的，但在一些移动电话(或者使用chrome的DevTools模拟)中，我可以看到以下一些图像之间的差距：当我更改包装宽度时，一些空白似乎出现/消失了。桌面浏览器(没有chrome的DevTools来模拟移动电话)总是显示正确的结果。更重要的是，我发现如果我使用代码()之类的东西是可以的。当使用codepen时，甚至可以使用chrome的DevTools

浏览 3提问于2019-09-18得票数 2

8回答

如何在没有实际Retina显示屏的情况下在Windows上测试Retina网站？

html、css、retina-display、retina.js

有没有一种方法可以在视窗上模拟视网膜显示来测试网站的HiDPI显示？我在一台标准的24英寸1920x1080的显示器上运行Windows。我希望至少能够在我自己的环境中粗略地测试网站的视网膜兼容性。

浏览 0提问于2013-03-21得票数 89

回答已采纳

3回答

如何调试移动特定的运动事件(beta，gamma，alpha)

javascript、jquery

现在，这个特定的插件只对一个很小的parallax.js使用这些移动特定事件，但是我看到了一些插件，它们使用类似于上述代码的代码来进行真正高技术的视差模拟。现在我的问题是，因为这些代码显然不能在destop PC上进行测试，那么如何测试这些代码呢？

浏览 3提问于2016-02-06得票数 1

回答已采纳

1回答

Wordpress主题在Mobile Safari上被破坏

wordpress、mobile、mobile-safari

我正在尝试翻译一个网站的主题，以便它在移动设备上看起来类似。我现在唯一要测试的设备就是iOS设备: iPhone和第三代iPod触摸屏。iPhone的分辨率更高(视网膜)。当我访问一个我正在工作的网站( )时，这个主题只在设备总屏幕宽度的一半上呈现页面宽度，但有一些元素像PC上的Chrome浏览器那样浮动。有没有其他的解决方案来开发iOS主题，特别是一般的移动主题？还有:其他人在非iOS设备上是否也看到了同样的影响(可能不是问最后一个问题的合适地方)。我有一个可怕的丑陋的移动<

浏览 0提问于2012-03-28得票数 0

回答已采纳

1回答

运行android项目时，React-native抛出错误(null不是对象)

android、react-native

当我在android模拟器中运行我的react-native项目时。它会带来一个错误。not an object (evuluating '_RNGestureHAndlerModule.default.Direction') Error Message Screenshot 我该如何解决这个问题

浏览 21提问于2020-06-27得票数 0

2回答

如何在Firefox响应设计模式下显示实际设备屏幕大小？

html、dpi

使用Firefox工具窗口来调试HTML图形，我们如何获得模拟设备的真实大小？如果我把一个iPad 2放在我的笔记本电脑屏幕上，它的宽度或高度(无论是水平方向还是垂直方向)明显小于火狐在屏幕上显示的内容。这一点在手机中是最明显的；手机模拟的屏幕是768 in，高度是768 in。 F.ex。当然，iPad 2是1024x768，但是模拟帧在1376 on宽的膝上型计算机屏幕上

浏览 0提问于2020-03-16得票数 3

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Chrome devtools -模拟视网膜屏幕时如何水平移动

相关·内容