Chrome 扩展“窗口调整器”的替代方案答案

【问题标题】：Alternative to Chrome Extension "Window Resizer"Chrome 扩展“窗口调整器”的替代方案
【发布时间】：2014-01-13 13:47:40
【问题描述】：

鉴于标题为“Window Resizer”的 Chrome 扩展程序上的 recent controversy (Dec 2013)，有哪些替代解决方案可以快速调整 Chrome 浏览器的大小以进行响应式开发测试？

【问题讨论】：

标签： google-chrome google-chrome-extension resize responsive-design

【解决方案1】：

另一个测试响应式设计的原生解决方案是使用内置的 Chrome 开发者工具。选择工具->开发者工具，然后点击弹出窗口右下角的齿轮图标。单击“启用”，然后单击“设备指标”，您可以指定要复制的任何分辨率。

此外，通过更改该屏幕上的“用户代理”，Chrome 可以设置所选设备的设备指标，这在决定您的响应断点应位于更受欢迎的设备的位置时可能会派上用场。

这并不像双击扩展程序那样简单，但它的优点是无需扩展程序，并且还可以使用实际设备的精确屏幕测量值。

【讨论】：

这是一个很棒的建议，但我需要更好的指导……这里是Google's link to do this

【解决方案2】：

分辨率测试可能是一种替代方法。

分辨率测试为开发人员更改浏览器窗口的大小以不同的屏幕分辨率预览他们的网站。这包括常用分辨率列表和自定义的能力列表。它还为用户提供了启用 Google 浏览器大小的选项。

Chrome 网上商店有售：

https://chrome.google.com/webstore/detail/resolution-test/idhfcdbheobinplaamokffboaccidbal

【讨论】：

太棒了 - 不知道我是怎么错过的！谢谢

【解决方案3】：

是的！

我建议避免扩展，使用 keyboard shortcuts 掌握 chrome 开发工具。

使用
F12
打开它们或
ctrl+shift+i（Gnu/Linux 或 Windows）
cmd+opt+i(Mac)
或
菜单 > 工具 > 开发者工具

编辑：更新了屏幕截图以反映 chrome 开发工具最近的更改。

GIF 更能说明问题！

（提示：在新标签中打开图片）

【讨论】：

对于我们使用 Chrome 的 Mac 用户，那里有什么说明？
我刚刚添加了mac选项和官方文档的链接。
你真的在 Mac 上试过了吗？我进入一个几乎空的小页面，它允许我查看“抽屉”，但没有“设备”。
我想我可能跳过了 1 步，您需要选择抽屉中的“仿真”选项卡。默认情况下，它通常会打开“控制台”。
事实证明，自从我上次使用该功能以来，情况发生了变化。现在你必须点击小手机/手机图标。仿真选项卡中有说明。但是 gif 总是说得更好。好了，希望对您有所帮助；）

【解决方案4】：

这是一个很好用的窗口大小调整书签：

http://lab.maltewassermann.com/viewport-resizer/

【讨论】：

【解决方案5】：

要更新 @Dave 的答案，从 Chrome 35.0.1916.153 m 开始，您需要选择齿轮图标左侧的显示抽屉图标 (>=)，选择 Sources，然后选择 Emulation 选项卡。

要获取最新的工具，请访问@FireCodings link 以访问 Google 的移动仿真开发工具，然后下载/安装 Chrome Canary。然后在 Canary 中选择 Tools->Developer Tools，单击工具窗口左上角（在浏览器底部）的移动图标，单击 Sources，然后单击 Emulation。该信息位于 Google 页面链接上，用于演示如何使用这些工具。

【讨论】：

【解决方案6】：

另一个（更安全）的选择是让你拥有。

Google 有很多关于创建扩展的documentation。我制作了这个really simple extension，它满足了我对项目的所有需求，您也可以在github 上找到它的代码。

【讨论】：

【解决方案7】：

实际上，开发人员放弃并最终从他们的扩展程序中删除了有问题的代码段（称为“Ecolinks”）。到今天为止，附属的东西应该已经消失了。

来源：https://productforums.google.com/d/msg/chrome/mlAD1ygc0v0/gKLKWxoGrkIJ

1.9.0.3 版更新日志

版本 1.9.0.3 (2014-01-15)：由于大众需求，我已删除生态链接。

【讨论】：

很抱歉，信任已被违反。该产品的既定目的与代理用户流量或重定向任何内容无关，但这就是正在发生的事情。如果您想再给它一次机会，请成为我的客人，但我无法承担风险。但感谢您的更新 - 有些人会很感激。

【解决方案8】：

在安装了 AutoHotKey 的 Windows 上，将以下内容保存在 resize-chrome.ahk 中并双击运行：

WinMove, ahk_exe chrome.exe,, 0, 0, 1024, 768

【讨论】：

【解决方案9】：

试试这个。我发现它比任何其他 Chrome 扩展程序都好。

link

【讨论】：

【解决方案10】：

您可以直接从官方开发者网站的这篇文章中下载扩展

http://windowresizer.userecho.com/topic/353032-did-you-pull-your-extension-from-the-google-store/

我也在尝试寻找一些可以使用的东西，但没有一个像这个扩展，对我来说是迄今为止最好的

【讨论】：

该扩展安装了劫持您的谷歌搜索结果并将亚马逊会员链接添加到您的亚马逊搜索的功能。它从 Google 应用商店下架是有原因的。
是的，原因是它不符合以下规定：“广告必须在您的应用程序的上下文中展示或明确说明它们与哪个应用程序捆绑 . 广告还必须能够通过调整设置或完全卸载应用来轻松移除。广告不得模拟或冒充系统通知或警告。”