好的，所以，我面临的问题是:我的移动 Firefox 浏览器没有检索到 window.innerWidth、document.documentElement.clientWidth 的正确值，甚至 div 的宽度被设计为在页面加载后占据整个客户端窗口。
我没疯，我的代码在所有其他浏览器中都运行良好!出于某种原因，Firefox 使用默认值初始化这些值，然后稍后获取正确的值。如果在任何时候我用 alert() 中断我的 JavaScript，这些属性之后会神奇地变得准确。
我在互联网上搜索了一个答案，我所能找到的只是一个 hack 解决方法:使用 window.setTimeout 延迟这些属性的使用，直到它们有时间正确填充。这很疯狂!用户想要速度，而不是仅仅为了在 Firefox 浏览器上查看我的网站而有额外的延迟。
我不明白的是，我可以设置一个 div 以在值变得准确之前完美地填充客户端窗口。我在 css 中通过将我的 div 的 id 的宽度和高度设置为 100% 来做到这一点。 document.documentElement 和document.getElementById("my_div"); 基本一样，所有的文档元素都加载完了，那么，浏览器怎么知道div 应该是当它首先没有正确的客户端窗口尺寸时？
我已经尝试在 window.addEventListener("load",function(event_){//My Code }); 中运行我的代码，但仍然不会生成这些值。 window.onload 之后是否有页面加载事件？
如果有人能告诉我为什么只有 Firefox 移动版似乎显示出这种奇怪的行为，我会给你五分好评。
下面是一些用于重现问题的示例代码:
<!DOCTYPE HTML>
<html>
<head>
<!-- Added " after javascript during edit. -->
<script type="text/javascript">
window.addEventListener("load",function(event_){
var output=document.getElementById("output");
/* Returns some default value like 980. */
output.innerHTML=window.innerWidth;
alert("After this alert, the value will change.");
/* Returns an accurate value like 511. */
output.innerHTML=window.innerWidth;
});
</script>
<!-- Added title during edit. -->
<title>Title</title>
</head>
<body>
<p id="output">Default Output</p>
</body>
</html>
我的 Firefox for android 版本是 35.0.1。我的安卓版本是 4.4.4。在我的设备上，Firefox 在输出 p 元素中显示“980”，显示警报，然后再次显示“980”。页面刷新后，前两个步骤保持不变，但警报后的输出变为 360。document.documentElement.clientWidth 也会出现这种情况。我尝试的任何属性似乎都无法获得正确的值。似乎 Firefox 在页面加载后在访问客户端窗口的尺寸之前有某种延迟......
我在没有 JQuery 的情况下尝试了 verge.airve.com 插件，它的初始反馈保持在 980。它在 Chrome 上也初始化为 980，这很奇怪，因为 Chrome 在没有它的情况下按预期工作......
经过多次辩论，找到了解决方案! Firefox 显然会在加载后调整窗口大小(我想这是很好的衡量标准，谁知道呢)!所以，通过在 window.onload 之外添加一个 resize 事件处理程序，可以避免这个问题!有关详细信息，请参阅下面接受的答案。
最佳答案
确保在加载整个文档并调整大小时完成测量。
window.onload = showViewport;
window.onresize = showViewport;
function showViewport() {
var output=document.getElementById("output");
var width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
var height= Math.max(document.documentElement.clientHeight, window.innerHeight || 0)
output.innerHTML = "Viewport size is " + width + "x" + height;
}<body>
<p id="output">Default Output</p>
</body>
关于javascript - 在 Firefox for Android 的 onload 事件期间 window.innerWidth 的值错误？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28402100/
我需要在客户计算机上运行Ruby应用程序。通常需要几天才能完成(复制大备份文件)。问题是如果启用sleep，它会中断应用程序。否则，计算机将持续运行数周，直到我下次访问为止。有什么方法可以防止执行期间休眠并让Windows在执行后休眠吗？欢迎任何疯狂的想法;-) 最佳答案 Here建议使用SetThreadExecutionStateWinAPI函数，使应用程序能够通知系统它正在使用中，从而防止系统在应用程序运行时进入休眠状态或关闭显示。像这样的东西:require'Win32API'ES_AWAYMODE_REQUIRED=0x0
大约一年前，我决定确保每个包含非唯一文本的Flash通知都将从模块中的方法中获取文本。我这样做的最初原因是为了避免一遍又一遍地输入相同的字符串。如果我想更改措辞，我可以在一个地方轻松完成，而且一遍又一遍地重复同一件事而出现拼写错误的可能性也会降低。我最终得到的是这样的:moduleMessagesdefformat_error_messages(errors)errors.map{|attribute,message|"Error:#{attribute.to_s.titleize}#{message}."}enddeferror_message_could_not_find(obje
我遵循MichaelHartl的“RubyonRails教程:学习Web开发”，并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符，电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时，所有测试都通过了，但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test
我有一个这样的哈希数组:[{:foo=>2,:date=>Sat,01Sep2014},{:foo2=>2,:date=>Sat,02Sep2014},{:foo3=>3,:date=>Sat,01Sep2014},{:foo4=>4,:date=>Sat,03Sep2014},{:foo5=>5,:date=>Sat,02Sep2014}]如果:date相同，我想合并哈希值。我对上面数组的期望是:[{:foo=>2,:foo3=>3,:date=>Sat,01Sep2014},{:foo2=>2,:foo5=>5:date=>Sat,02Sep2014},{:foo4=>4,:dat
我有一个包含多个键的散列和一个字符串，该字符串不包含散列中的任何键或包含一个键。h={"k1"=>"v1","k2"=>"v2","k3"=>"v3"}s="thisisanexamplestringthatmightoccurwithakeysomewhereinthestringk1(withspecialcharacterslike(^&*$#@!^&&*))"检查s是否包含h中的任何键的最佳方法是什么，如果包含，则返回它包含的键的值？例如，对于上面的h和s的例子，输出应该是v1。编辑:只有字符串是用户定义的。哈希将始终相同。 最佳答案
我是rails的新手，想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围，如果不在范围内则返回错误信息。我可以检查上面代码的范围，但无法返回错误消息提前致谢 最佳答案 关键是您使用的是模型表单，一种显示ActiveRecord模型实例属性的表单。c
我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file
我克隆了一个rails仓库，我现在正尝试捆绑安装背景:OSXElCapitanruby2.2.3p173(2015-08-18修订版51636)[x86_64-darwin15]rails-v在您的Gemfile中列出的或native可用的任何gem源中找不到gem'pg(>=0)ruby'。运行bundleinstall以安装缺少的gem。bundleinstallFetchinggemmetadatafromhttps://rubygems.org/............Fetchingversionmetadatafromhttps://rubygems.org/...Fe
在Cooper的书BeginningRuby中，第166页有一个我无法重现的示例。classSongincludeComparableattr_accessor:lengthdef(other)@lengthother.lengthenddefinitialize(song_name,length)@song_name=song_name@length=lengthendenda=Song.new('Rockaroundtheclock',143)b=Song.new('BohemianRhapsody',544)c=Song.new('MinuteWaltz',60)a.betwee
我是Google云的新手，我正在尝试对其进行首次部署。我的第一个部署是RubyonRails项目。我基本上是在关注thisguideinthegoogleclouddocumentation.唯一的区别是我使用的是我自己的项目，而不是他们提供的“helloworld”项目。这是我的app.yaml文件runtime:customvm:trueentrypoint:bundleexecrackup-p8080-Eproductionconfig.ruresources:cpu:0.5memory_gb:1.3disk_size_gb:10当我转到我的项目目录并运行gcloudprevie