Prototype.jsバージョン1.6.0.3を使用してブラウザウィンドウのサイズを取得するにはどうすればよいですか?Prototype.jsを使用してブラウザウィンドウのサイズを取得するにはどうすればよいですか?
12
A
答えて
4
これは、FirefoxでWeb Developerツールバーと同じ値を与える私の解決策です。
var WindowSize = Class.create({
width: function()
{
var myWidth = 0;
if (typeof(window.innerWidth) == 'number')
{
//Non-IE
myWidth = window.innerWidth;
}
else if (document.documentElement && document.documentElement.clientWidth)
{
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
}
else if (document.body && document.body.clientWidth)
{
//IE 4 compatible
myWidth = document.body.clientWidth;
}
return myWidth;
},
height: function()
{
var myHeight = 0;
if (typeof(window.innerHeight) == 'number')
{
//Non-IE
myHeight = window.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
{
//IE 6+ in 'standards compliant mode'
myHeight = document.documentElement.clientHeight;
}
else if (document.body && document.body.clientHeight)
{
//IE 4 compatible
myHeight = document.body.clientHeight;
}
return myHeight;
}
});
21
プロトタイプAPI documentationによると:
var viewport = document.viewport.getDimensions(); // Gets the viewport as an object literal
var width = viewport.width; // Usable window width
var height = viewport.height; // Usable window height
8
と同じ考えが、よりコンパクト:
var WindowSize = Class.create({
width: window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth),
height: window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight)
});
2
これは、すべての近代的なブラウザとIE6 +上で動作します:正しい文書型が
関連する問題
- 1. PhoneGapを使用してデバイスの画面サイズを取得するにはどうすればよいですか?
- 2. ember-dataを使用してRESTデータを取得/取得するにはどうすればよいですか?
- 3. Chromeブラウザウィンドウを閉じる前にタブを取得するにはどうすればよいですか?
- 4. jQueryを使用してJavaScriptでクラスベースのオブジェクトを取得するにはどうすればよいですか?
- 5. JSONを使用してアンドロイドのウェブサイトでデータを取得するにはどうすればよいですか?
- 6. getElemetByNameを使用してクリックしたボタン名を取得するにはどうすればよいですか?
- 7. cross_val_scoreを使用してGridSearchからbest_estimatorパラメータを取得するにはどうすればよいですか?
- 8. Linqを使用してViewData.ModelStateから例外を取得するにはどうすればよいですか?
- 9. PHPを使用してmySQLから値NULLを取得するにはどうすればよいですか?
- 10. LiferayからAPIを使用してコンテンツを取得するにはどうすればよいですか?
- 11. PHPを使用してHTMLファイルからメタデータを取得するにはどうすればよいですか?
- 12. LibGit2Sharpを使用してファイルバイナリデータをGitリポジトリから取得するにはどうすればよいですか?
- 13. rsyncを使用してHTTP URLからファイルを取得するにはどうすればよいですか?
- 14. Gremlinを使用してNeo4jからランダムサンプルを取得するにはどうすればよいですか?
- 15. Zend_Http_Clientを使用して最後のリクエストヘッダを取得するにはどうすればよいですか?
- 16. dplyrを使用して2列の平均を取得するにはどうすればよいですか?
- 17. Facebook Graph APIを使用して、ユーザーのネットワークを取得するにはどうすればよいですか?
- 18. Jsoupを使用してこのテキストを取得するにはどうすればよいですか?
- 19. キー配列を使用してハッシュの値を取得するにはどうすればよいですか?
- 20. LongTouchListenerを使用して座標の座標を取得するにはどうすればよいですか?
- 21. opencvを使用してWebカメラデバイスのリストを取得するにはどうすればよいですか?
- 22. -initWithContentsOfURLを使用してMySQLのクエリ結果を取得するにはどうすればよいですか?
- 23. .NET CF 2.0を使用してビットマップのPixelFormatを取得するにはどうすればよいですか?
- 24. RapidShare APIを使用してアカウントの詳細を取得するにはどうすればよいですか?
- 25. XPathを使用してノードの値を取得するにはどうすればよいですか?
- 26. スコアapiを使用して複数のスコアを取得するにはどうすればよいですか?
- 27. adbシェルを使用してAndroidアプリケーションのpidを取得するにはどうすればよいですか?
- 28. Pythonを使用して電子メールメッセージのテキストコンテンツを取得するにはどうすればよいですか?
- 29. javascriptを使用してチェックボックスの値を取得するにはどうすればよいですか?
- 30. Jboss Portalを使用して、JSPのページプロパティを取得するにはどうすればよいですか?
幅が異なるが必要です
私がJavascriptを使って得たものと、FirefoxのWeb Developerツールバーの値を比較します。それは私のこれで十分に近いです – DaveC
heigthは常に私のために0です – grosser