如何计算浏览器地址栏的大小
浏览器地址栏的大小可以通过以下步骤计算：
- 获取浏览器窗口的大小：可以使用JavaScript中的
window.innerWidth和window.innerHeight属性来获取浏览器窗口的宽度和高度。 - 获取浏览器窗口的外部尺寸：可以使用JavaScript中的
window.outerWidth和window.outerHeight属性来获取浏览器窗口的外部宽度和高度。 - 计算地址栏的大小：地址栏的大小可以通过浏览器窗口的外部尺寸减去浏览器窗口的大小来计算。具体计算公式如下：
- 地址栏宽度 = 外部宽度 - 内部宽度 地址栏高度 = 外部高度 - 内部高度
- 例如，如果浏览器窗口的外部宽度为800px，内部宽度为700px，则地址栏的宽度为100px。
需要注意的是，不同浏览器的地址栏大小可能会有所差异，因此上述计算方法只是一种近似的计算方式。
在腾讯云的产品中，与浏览器地址栏大小相关的产品和服务可能包括：
- 腾讯云CDN（内容分发网络）：CDN可以加速网站的访问速度，减少用户请求的延迟。通过将静态资源缓存到离用户较近的节点上，可以减少浏览器请求的数据量，从而间接影响地址栏的大小。了解更多信息，请访问腾讯云CDN产品介绍页面：腾讯云CDN
- 腾讯云Web应用防火墙（WAF）：WAF可以保护网站免受各种网络攻击，包括DDoS攻击、SQL注入、XSS等。虽然与地址栏大小直接相关的功能较少，但WAF可以通过过滤恶意请求，减少浏览器的请求负载，从而间接影响地址栏的大小。了解更多信息，请访问腾讯云WAF产品介绍页面：腾讯云Web应用防火墙
请注意，以上提到的腾讯云产品仅作为示例，具体的产品选择应根据实际需求进行评估和决策。
相关·内容
2回答
由于URL地址栏的原因，我的ios设备出现了一些问题。我使用的是Esri Javascript api地图和Jquery mobile。当我改变页面时，我重新调整了我的地图大小，但由于顶部的地址栏没有被修复，我在底部得到了空白，因为它不能获得确切的高度。谁能告诉我如何解决这个问题。我试着使用滚动顶部，但没有帮助。我已经为此挣扎了快一天了。有没有办法，我可以总是显示地址栏或隐藏地址栏只有几个页面。
谢谢，帕万
浏览 0提问于2012-05-10得票数 0
我将加密我自己的网页(而不是仅仅依赖于Godaddy或我的客户选择使用的任何人)。我想知道如何更改用户地址栏的属性。Godaddy在地址栏上放了一个漂亮的绿色栏。我使用的是C#和Java Script/Jquery。但除了标题使用的favicon.ico之外，我似乎没有看到任何其他东西，而不是它下面的地址栏。
浏览 1提问于2013-04-14得票数 4
回答已采纳
1回答
当您在任何网站中向下滚动或向上滚动时，地址栏显示/隐藏。我希望识别该条何时隐藏或可见。
示例：
if (chromeBarIsHidden()) {
console.log('a');
} else {
console.log('b');
}
浏览 3提问于2019-11-14得票数 1
回答已采纳
在手机上(例如Android上的Chrome )，视口高度取决于URL/地址栏是否隐藏，而这取决于您是在页面上向上滚动还是向下滚动。
因此，我需要两个变量：
如果显示URL栏，则视口高度(不管实际状态如何)。
视口高度，如果地址栏是，而不是显示(不管实际状态)。
换句话说："min“和"max”视口高度。我该怎么做？我只知道如何得到：
视图高度给定当前的地址栏状态(显示/不显示)。
By：Math.max(document.documentElement.clientHeight, window.innerHeight || 0) (源：)。
浏览 2提问于2018-05-27得票数 2
我在设置弹出窗口的大小和禁用Google Chrome中的地址栏时遇到了问题。我使用的是以下内容：
window.open( "site.html", "site", "top=50,left=50,width=20,height=50,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,resizable=no" );
Chrome不会将窗口调整到指定的高度和宽度，而且地址栏仍然可见。Firefox将窗口大小调整为适当的高度/宽度，但也会显示地址栏。
我用来创建一个固定宽度/高度的
浏览 1提问于2010-03-06得票数 0
回答已采纳
5回答
如何在安卓浏览器中获取JavaScript中地址栏的高度(左图用红色矩形标记)？我需要知道，当它消失时，向下滚动，我需要对此作出反应，因为视口的高度是不同的。
我已经想出了一个解决方案：
在初始状态下获取视区高度:当地址栏有两个值之间的差异时，获取视区高度disappearedCompute
问题是，你必须处于第二状态才能知道这一点。
浏览 218提问于2018-06-22得票数 11
回答已采纳
1回答
我想使用canvas元素作为背景覆盖浏览器窗口的整个视口。我使用Javascript来设置width和height的canvas。当页面滚动和地址栏隐藏时会出现问题。地址栏滚动并在页面上留下一个空白。似乎没有地址栏移动的event，所以当地址栏消失时，我无法调整canvas的大小。我可以从知道三件事中获益：
是否有检测地址栏移动/隐藏的方法？
是否有一种方法可以在所有主要浏览器上一致地获取实际视图的内部维度？
是否有方法添加事件侦听器以检测视口内部维度中的更改？
编辑：，以下是一些代码：
// This is how I size my canvas;
function resize(even
浏览 5提问于2017-05-10得票数 1
1回答
垂直滚动动画在iOS上的“跳跃”
、、、、
我正在开发一个使用动画的CSS3。
我在iOS上注意到了漫画标题“跳转”，我认为这是因为地址栏改变了中用于计算标题位置的一个。
源代码可在这里获得：
如果我的假设是正确的。是否有一种准确的方法来抵消iOS地址栏，使这些值都不会跳转(突然增加)？
浏览 2提问于2017-09-04得票数 2
回答已采纳
我需要在地址栏上显示我的网站的网址的第一部分。
例如，对于具有以下名称的任何页面
http://www.mysite.com/mypage.php或其他一切
我只想在浏览器的地址栏上看到http://www.mysite.com。
如何才能做到这一点？
我尝试使用apache RewriteRule，但没有结果。
浏览 0提问于2013-05-31得票数 0
回答已采纳
1回答
我正在使用一个软件包来创建Flash ..swf，这个软件包允许在pano中创建热点。您可以指定热点的URL和目标，因此如果单击热点，它将在_blank、_self等中启动URL。但是，包不允许您指定窗口的属性。
我试图找出子窗口是否有一种方法(一旦swf打开它)，通过Javascript控制它自己的窗口属性。
我想要能够控制窗口的大小，隐藏地址栏，状态栏等。
我需要处理的另一个问题是.我不希望在选项卡中打开子窗口，但是在新的较小的window...the中，我过去做过的唯一方法就是父窗口打开子窗口并指定大小，并且没有菜单栏和地址栏。我不知道如何从(子窗口)的中执行该操作。
浏览 2提问于2010-10-22得票数 1
什么是正确的方法来计算移动Safari上有多少可观看的空间？通过查看区域，我们指的是网页应用程序实际可用的屏幕数量，即窗口高度减去地址栏和书签条。
iOS 7可以防止地址栏的隐藏，我们需要正确地考虑视口高度。
浏览 7提问于2013-09-26得票数 29
回答已采纳
10回答
防止在移动浏览器中隐藏地址栏
、、、、
我目前在一个水平布局的网站上工作。使用javascript时，所有元素都是position:absolute。它们的大小是用window.innerHeight计算的。我的问题是，尽管元素不高于窗口的高度，但我可以向下滚动(地址栏的高度)。这在两个方面令人恼火。首先，它触发了window-resize事件，这是我当时既不想要也不需要的。其次，它不能很好地处理一些内容框，这些内容框的内容应该是垂直滚动的。有时我可以滚动方框，但有时会先滚动整个页面(正如前面所说的:地址栏的高度)。有什么解决方案可以让我在所有设备上防止这种地址栏自动隐藏机制吗？
提前感谢！
这是完全不能滚动的：
这可以水平滚动(对
浏览 5提问于2013-08-05得票数 41
1回答
如何将JavaScript变量从视图传递给控制器中的Python？我不想使用request.vars或request.args，因为这将允许用户通过将其输入地址栏来为操作提供任意参数。
示例视图：
<button onclick='myFunction();'>Execute</button>
<script>
function myFunction();{
var value = calculateValue();
//pass value to my_action
window.lo
浏览 7提问于2015-08-20得票数 1
回答已采纳
在高分辨率显示器上，地址栏和标签栏字体太小。有办法把它们放大吗？
在Google搜索之后，我只找到了一种Ubuntu 的方法。
浏览 5提问于2020-07-28得票数 1
6回答
最近，我一直在测试一些桌面环境，比如Budgie和Cinnamon，我注意到现在我的Google综合盒(也称为地址栏)的字体非常小。
我已经尝试重置Chrome设置，尝试更改主题，也更改了设置中的字体大小。我甚至安装了铬，问题也是一样的。
📷
有人知道地址栏字体大小的确切原因吗？
浏览 0提问于2017-08-30得票数 9
我想写一个java程序来分析输入到浏览器地址栏的url，以检查它是否是一个网络钓鱼网站。我想写一个应用程序，检查输入到地址栏的每个地址。
我的问题是如何访问地址栏中输入的url，如果检索到的地址是网络钓鱼网站，我还想重定向浏览器。请帮帮我。
浏览 0提问于2012-01-03得票数 0
1回答
我正在尝试使用height获取$(window).height();的Nexus，但是我遇到了麻烦，因为它似乎将地址栏的高度添加到结果中，当用户滚动时它就消失了。
我的页面有不同的部分，每个部分应该看起来像一个完整的屏幕页面。
第一页看起来不错，直到我开始向下滚动，因为地址栏消失了，可见区域也增加了。
我尝试过(但没有成功)使用解释的技术隐藏地址栏，但我无法控制它。
有什么办法解决这个问题吗？
谢谢。
浏览 7提问于2013-10-03得票数 1
回答已采纳
我有一个spring mvc框架，我想在页面加载时禁用url地址栏！(它不是一个公开的web应用程序)我如何使用javascript或jquery来实现这一点。
更新：
伙计们，如果我能把网址栏设为只读，那也没问题！
浏览 1提问于2013-05-03得票数 1
我想写一个java应用程序，它将把url分为恶意和良性。也就是说，当用户在地址栏中输入一个url时，我的程序应该读取该url，对其进行分类，如果它是恶意的，则阻止它。用户输入地址栏后，如何从浏览器的地址栏中读取url。
请帮帮我..
谢谢
浏览 1提问于2009-12-09得票数 1
问题是，我有几个DIV的绝对位置，它们有背景大小:封面；它们的高度是由javascript计算的，以填充100%的视区。在每个桌面浏览器和移动火狐浏览器上，一切都很好，但在移动chrome地址栏上(在出现/消失时)，$(windows).height()；值会发生变化。这导致每次它这样做时都会重新缩放奇怪的背景图像。有没有办法总是显示地址栏(这样窗口高度值就不会改变)，或者其他一些保持背景大小的解决方案: cover；无论地址栏是什么，缩放都是一样的？
浏览 0提问于2014-06-30得票数 8
如何在没有状态栏和地址栏的所有浏览器中以全屏模式显示网页，并且不应该同时显示任务栏。
浏览 0提问于2010-11-28得票数 0
我遇到过这个问题几次，想知道是否有解决这个问题的方法。我的问题出现在Chrome移动应用上。在这里，你可以向下滚动一点，地址栏就会消失。到目前为止，一切都很好，让我们举个例子：
containers height设置为100vh。
如你所见，底部被切掉了。
当我向下滚动时，它看起来是这样的：
现在看起来不错。显然，Chrome会将地址栏的高度计算到视窗高度中。所以我的问题是：
有没有办法，不管有没有地址栏，看起来都是一样的？这样容器就会膨胀或者别的什么？
浏览 10提问于2018-10-17得票数 100
1回答
如何在URL中隐藏锚标签
、、、
如何在地址栏中隐藏来自以下链接href的哈希值？
<a href="index.php#dev_name">
因此，它会将我重定向到index.php#dev_name，但我希望地址栏只显示index.php
浏览 2提问于2012-04-06得票数 1
当移动设备上的地址栏消失或键盘打开时，它会影响视口大小，因此会更改使用vh单位的任何CSS值。
有没有一种方法可以确保vh和vw单位即使在视口本身发生变化时也保持其大小？
浏览 0提问于2017-10-25得票数 2
我在QT中创建了一个简单的web浏览器。我不想在地址栏旁边放一个单独的搜索栏。我也想把地址栏变成搜索栏。例如，如果"http://“或"www”或“.com”(或任何其他域)不存在，则需要在地址栏中设置输入内容的条件，然后搜索输入的内容。我唯一拥有的是，如果没有满足这些条件，那么在地址栏中键入的内容将插入到：
what+was+typed
我将如何处理这个问题，如果有多个单词，我将如何使它在每个单词之间加上"+“？
另外，我将如何应用搜索栏中的条件。也许用一个循环就像“如果其他”？
浏览 3提问于2012-10-20得票数 3
回答已采纳
我有一条规则：
RewriteRule ^questions/([a-z]{2})/(.*)$ $1/$2 [L]
但是这个规则只有在我添加了一个R=301标志时才起作用...问题是url在浏览器的地址栏中被重写。如何重定向并保留用户在地址栏中键入的url？
浏览 2提问于2012-08-01得票数 0
我想使用url中的参数打开web浏览器：
ConfigDb cfgDb = (new ConfigDb(getApplicationContext())).open();
String cfg_number = ConfigDb.getPhoneNumber(getApplicationContext());
Config cfg_url = cfgDb.getConfig("cfg.url");
String formul = "vidy;"+vokatraCode+";m="+tsenaCode+";l=mg;p=prepaid
浏览 0提问于2014-05-12得票数 0
2回答
我正在尝试创建一些相邻的正方形text..but (如果有太多的div，它们可以在高度上扩展，大多数时候不会有太多的文本)。我正在尝试以响应式的方式设置它。
当在页面上滚动时，我的移动浏览器中的地址栏不断出现和消失。当手机处于横向模式时，每次地址栏打开或关闭时，尺寸都会发生变化。这创造了一个非常烦人的用户体验。
我的HTML代码中有以下视口行：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
我的代码如下所示：
.block {
width:
浏览 0提问于2018-06-01得票数 13
11回答
我必须隐藏浏览器的地址栏。我正在使用以下代码：
var winFeature =
'location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes';
window.open('Result.html','null',winFeature);
在许多解决方案中，只有location=no属性可以隐藏地址栏(在IE和Chrome中)。然而，这并不适用于我(甚至在IE和Chrome中)。
最后，我找到了一个，它描述了location=no如何简单地隐藏后退/前进/停止导
浏览 8提问于2013-04-10得票数 55
在我的window.open中，我将location设置为no。据我所知，这应该会打开一个没有地址栏的弹出窗口。但是，当弹出窗口出现时，它在除Safari之外的所有浏览器中都有一个地址栏。如何在没有地址栏的情况下打开新窗口？
<script type="text/javascript" language="javascript">
$(document).ready(function() {
var win = window.open("<%= Uri %>", "_blank", "di
浏览 6提问于2010-08-26得票数 2
回答已采纳
1回答
我使用HTML5全屏插件()在全屏上根据请求查看网站。
这很好--但是，当我通过插件退出全屏时，我只看到了最上面的栏，而没有看到地址栏。
如果我将设备旋转为横向模式并返回到纵向模式，则会显示地址栏，但我不能期望用户知道(并执行)这一点。
我如何告诉Android上的Chrome在编程退出全屏后显示地址栏？
初始状态
退出全屏后缺少的地址栏
浏览 3提问于2016-07-19得票数 11
3回答
我正在使用HTML Mobile玻利瓦尔模板，并试图使用以下内容来隐藏URL地址栏：
<script src="/static/js/helper.js"></script>
<script>
MBP.hideUrlBar();
</script>
但是它不工作，helper.js加载正常。有人知道我哪里错了吗？
谢谢
浏览 0提问于2012-04-21得票数 0
回答已采纳
1回答
我在地址栏中有一个带有url http://domain.sd/test_page的页面test_page。我已经在ajax响应的同一页面中使用了带有url filter_details的控制器。我想把地址放在地址栏里。现在我只能得到ajax请求url。 $url=\Request::getRequestUri();
echo $url; // output: filter_details 如何获取地址栏中的地址
浏览 36提问于2020-10-20得票数 0
我正在使用phoneGap (现在是cordova-1.8.0)创建ipad应用程序。我可以在ipad中启动应用程序，但浏览器的地址栏始终可见。如何摆脱地址栏？谢谢。
浏览 0提问于2012-06-07得票数 0
回答已采纳
我正在处理我的投资组合，使其完全基于jQuery。所以我的问题是当你去一个页面，然后刷新，然后它会带你回到主页。实际上，我有两个问题。
如何(通过jQuery/Javascript)从url？E.G获取“哈希代码”。
当您导航到一个新页面以包含该页的哈希代码时，如何更改地址栏中的url ?例如，当您转到地址栏的页面时，地址栏中的链接将更改为。
浏览 3提问于2010-11-06得票数 12
回答已采纳
如何隐藏模式对话框中的地址栏(地址栏)？下面是我的代码：
var dialogFeatures = 'center:yes; dialogWidth:600px; location:no;dialogHeight:400px; edge:raised; help:no; resizable:no; scroll:no; status:no; statusbar:no; toolbar:no; menubar:no; addressbar:no; titlebar:no;';
newwindow2 = window.showModalDialog('Combo?start
浏览 2提问于2010-11-12得票数 0
回答已采纳
但是当我使用这段代码时：
WebView webview = new WebView();
webview.loadUrl( "http://example.com");
它包括一个地址栏。
我也很好奇，为什么互联网上到处都是关于如何在WebView中隐藏地址栏的帖子，而在我看来，默认情况下WebView活动确实隐藏了地址栏。
浏览 3提问于2012-04-16得票数 0
回答已采纳
我的地址栏和标签栏谷歌Chrome (版本71.0.3578.98 (正式构建)(64位)与GTK+主题)看上去很小。我想增加他们的大小，不只是字体，而是整体大小。
从铬菜单中放大不会改变它们的大小，而是改变网页的大小。
如何增加地址栏和标签栏的整体大小，以及它中的铬菜单、窗口图标和其他图标中的选项？我也不想缩放所有的应用程序，只是铬条。
我们能为Google创建一些像火狐一样的UserChrome.css文件来调整外观吗？
截图：
📷
浏览 0提问于2018-12-14得票数 7
2回答
我已经设置了一些指向我家IP地址的域名，我可以使用这些域名访问我的网站，但是如果我在地址栏中键入，我的网站就不会加载，即使这些域名链接到这个地址。如何使用IP访问我的站点？我使用WAMP运行基于Windows的Apache2.4.9，目前使用的是虚拟主机。
浏览 1提问于2015-03-05得票数 0
我想通过编程更改Chrome中地址栏的字体大小，因为它对我来说太大了。
有没有办法做到这一点？
浏览 2提问于2013-08-21得票数 15
回答已采纳
4回答
转到，然后单击info选项卡。内容将被加载，地址栏现在变为，但网页没有重新加载。
起初我认为是Ajax，但我的问题是，如何在不重新加载的情况下更改地址栏？我知道我可以使用JS更改锚点(#wall)，但是查询字符串(?v=wall)，如何更改？
浏览 0提问于2010-10-03得票数 60
回答已采纳
我已经找到了许多关于如何在没有参数的情况下提取URL的答案。
如何在不使用新URL重新加载页面的情况下重写地址栏中的URL？
shortURL = top.location.href.substring(0, top.location.href.indexOf('?'));
top.location.href = shortURL // Causes redirect
目标是提取Javascript中的参数，但不在地址栏中显示它们。
浏览 0提问于2011-12-15得票数 8
回答已采纳
我已经使用最新的PhoneGap版本设置了我的安卓应用程序，使用的是快速入门指南。当我在Android模拟器中启动应用程序时，第一页上没有地址栏。但是，在我沿着页面上的链接转到第二个页面后，一个新窗口启动，一个地址栏出现在屏幕上。从那时起，地址栏始终可见。
我想知道如何在应用程序的生命周期内永久禁用该地址栏。有谁有什么想法吗？
浏览 6提问于2011-05-08得票数 0
4回答
favicon.ico在移动网站上有什么用法吗？是否会显示在移动网站的浏览器地址栏和标签中
我们在手机网站上使用的苹果图标 <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>。安卓、黑莓和Windows 7 phone呢？除iOS手机外，favicon.ico对其他手机有用吗？
浏览 71提问于2011-08-05得票数 18
回答已采纳
我想让我的web应用程序在手机上隐藏Chrome上的浏览器标签和地址栏。document.documentElement.requestFullScreen()似乎没有效果。window.scroll(0,1)也不能在平板电脑上运行。
如果可能的话，我也想要一个在iOS上运行Chrome和/或Safari的好方案。
有什么想法吗？我用的是Android版的Chrome 29。
浏览 0提问于2013-09-24得票数 14
回答已采纳
1回答
使用网站标题屏蔽URL
、、、
我如何用javascript或.htaccess掩码网址(在地址栏)与网站的标题？
换句话说：
这是地址栏：
-----------------------------------------
http://mysite. com
-----------------------------------------
我想要显示我的页面标题
---------------------------------------
Page Title
---------------------------------------
浏览 1提问于2015-04-17得票数 0
尝试在Chrome/ium中打开这个。然后，如果将焦点放在地址栏并按返回键，则按预期呈现该页：
但是，如果按F5或Ctrl+F5，则页面呈现错误：
页面的源代码不会改变，也不涉及JavaScript。这种效果可以在Linux上的Chromium39.0.2171.65和Windows上的Chrome 39.0.2171.71中100%地再现。
为什么？
浏览 2提问于2014-11-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
