如何在Chrome Dev Tools中关闭问题横幅？
在Chrome Dev Tools中关闭问题横幅，您可以按照以下步骤操作：
- 打开Chrome浏览器并导航到要检查的网页。
- 右键点击页面上的任意位置，选择“检查”或按下Ctrl+Shift+I（Windows）/Command+Option+I（Mac）打开开发者工具。
- 在开发者工具窗口中，定位到问题横幅（通常在顶部显示）。
- 悬停在问题横幅上，会看到一个关闭按钮（通常是一个小的"X"）。
- 单击关闭按钮，问题横幅将被关闭。
关闭问题横幅后，您将能够更全面地查看和分析页面的其他内容和性能。根据实际需求，您可以使用开发者工具中的其他功能和面板，例如Network（网络）、Console（控制台）和Elements（元素）等，以更好地开发和调试网页应用。
对于更多关于Chrome Dev Tools的信息，您可以参考腾讯云提供的《Chrome Dev Tools 使用文档》：https://cloud.tencent.com/document/product/1109/41242
相关·内容
我的问题是关于Google Chrome Dev工具，当我想在DOM中将display: none;设置为after时，但是Chrome从DOM中删除了所有afters元素，并且我无法再次访问它们。我的Chrome版本是最后一个。在Google Chrome Dev Tools设置中有没有解决这个问题的方法？感谢您的关注。
浏览 44提问于2019-01-08得票数 1
回答已采纳
1回答
我在使用chrome.debugger API时得到了这个横幅。早些时候，如果使用了“-静默-调试器-扩展-api”标志，那么它是隐藏的，但是从Chrome 100和更高版本来看，该标志并不像预期的那样工作。
还有其他办法来隐藏横幅吗？有关更多细节，请参阅附图。
尝试使用“-静默调试器-扩展-api”标志也尝试了dispatchEvent api来模拟击键，但它没有像预期的那样工作。
浏览 4提问于2022-11-16得票数 0
我想根据屏幕尺寸执行特定的javascript函数。例如，如果在iPhone 8或10上查看页面，我想执行function1，否则，我想执行function2。我正在使用Chrome Dev工具来模拟它。以下是我的示例代码。 $(document).ready(function() {
//getting screen width by plain javascript
w = document.documentElement.clientWidth || document.body.clientWidth || window.innerWidth;
alert("J
浏览 52提问于2021-02-11得票数 0
在CKEditor中，我们有一些插件，在这些插件中，我们可以右键单击元素，然后就会出现一个对话框。我需要检查一下菜单。我知道Chrome Dev Tools允许你使用:hover，:active，:focus，:visited来强制元素状态，但据我所知，你不能强制右键单击元素状态。
有没有办法强制右键单击元素状态？
浏览 3提问于2015-04-14得票数 1
我需要从SharedWorkers访问调试信息。在一个普通的铬窗口中，我会通过打开chrome :// BrowserWindow来做到这一点，但我无法在电子的BrowserWindow中做到这一点。
我试着发出
window.open("chrome://inspect")
，但我得到一个空白窗口，打开新窗口中的dev-tools将显示
Not allowed to load local resource: chrome://inspect/
有什么线索吗？
浏览 1提问于2020-07-15得票数 0
回答已采纳
我已经按照中的描述安装了Chrome并设置了CHROME_EXECUTABLE的路径，所以flutter doctor给了我这个结果
[✓] Flutter (Channel stable, 2.0.6, on Linux, locale en_US.UTF-8)
• Flutter version 2.0.6 at /home/bawantha/snap/flutter/common/flutter
• Framework revision 1d9032c7e1 (2 weeks ago), 2021-04-29 17:37:58 -0700
• Engine rev
浏览 138提问于2021-05-16得票数 1
在chrome dev tools的Network部分中，是否有任何扩展可以提供一个新列，XHR呢？如果没有，是否有任何示例可以扩展chrome以显示一个新列，该列的值被推断为显示是否通过XHR启动请求？
我知道Chrome提供了“日志XMLHttpRequests”和“XHR”过滤功能。我正在寻找一个列，显示请求是否是XHR；应该非常简单，但还没有找到解决方案.
注意--这是一个值得关注的问题，因为我已经启用了chrome中网络选项卡上的“保存日志”选项。。
浏览 3提问于2014-03-20得票数 3
回答已采纳
3回答
我在Chrome 27上，在Dev Tools设置中选中禁用缓存。当我重新加载页面时，Chrome正确地重新加载地图页面使用的所有资源，包括.js文件。但是，它不会自动重新加载相应的 .map。监视Chrome之间的HTTP流量，在随后的页面加载中，我看不到Chrome对.map文件的任何请求。我怎样才能让Chrome也重新加载源地图？
Chrome不重新加载.map文件的问题是，它也不会重新加载生成.js的文件，在我的示例中，该文件恰好是一个CoffeeScript文件(.coffee)，这意味着在调试时，在“源”选项卡中，我正在查看.coffee文件的旧版本，即使新代码(来自.js)正在运
浏览 5提问于2013-03-19得票数 21
当我访问我的网站时，没有看到“添加到主屏幕”的横幅。我的服务工作者和我的manifest.json都很好
当我在我的桌面上尝试在chrome dev中添加到主页屏幕时，我有横幅，但我的android手机没有自动设置它
你能帮帮我吗？
浏览 0提问于2018-03-26得票数 0
当我在css文件中设置div-width和height分别为200px和200px时，chrome dev-tools显示的标尺尺寸要小得多(大约150px x 150px)。
我还设置了：
<meta name="viewport" content="width=device-width, initial-scale=1">
是什么，我不明白？
浏览 3提问于2018-10-21得票数 0
9回答
我的问题是，我如何触发(模拟或其他东西)一个滚动事件。在我的特殊情况下，我不想通过整理所有的保守项来加载LinkedIn中的所有保守项，因为太多了！
我不需要PHP或Javascript解决方案。只需在chrome上使用dev-tools就足以达到我的目标。
浏览 11提问于2016-03-09得票数 29
1回答
使用Chrome Dev Tools，您如何找到您的AJAX请求被发送到的位置( URL或服务器)？
我使用Chrome Dev Tools -> Network tab -> All或XHR。我查看了AJAX请求的标头和响应，但我不知道如何查找AJAX请求的去向？
如果没有Chrome的开发工具，有没有其他工具？有没有办法解决这个问题？
浏览 2提问于2021-03-07得票数 1
我想知道是否有可能只在Chrome Dev Tools的Network选项卡中显示来自特定域名的流量？
浏览 1提问于2013-08-25得票数 33
回答已采纳
我的问题是:我的自定义Chrome DevTools面板和我的Chrome扩展的内容脚本之间有没有一种直接通信的方式？现在，我似乎需要使用背景脚本作为内容脚本和devtools面板之间的中介。
我尝试使用自定义窗口事件：
//在dev tools面板中
let event = new Event('suman-dev-tools', {
value: 'foo'
} as any);
window.dispatchEvent(event);
//在内容脚本中
window.addEventListener('suman-dev-tools'
浏览 1提问于2018-02-13得票数 2
回答已采纳
1回答
应用程序安装横幅无效
、、、、
我一直在开发一个网络应用程序。一周前，我从chrome web tutorials.it中添加了tutorials.it功能，运行良好，同时使用chrome developer tools Application tab.in mobile进行测试。当我启用旁路用户约定检查标志时，该功能运行良好，但在禁用旁路用户约定检查标志后，弹出窗口没有显示。
尝试清除铬数据，连续访问网站10次，仍然弹出未显示。
横幅在不同的day.in上第二次访问时提示，它显示横幅将显示在个人访问后，与时间跨度不同的5 mins.In，我的情况，它不会发生。
浏览 2提问于2016-11-17得票数 6
2回答
我已经创建了一个渐进式Web应用程序。它很简单，只是一个index.html，一个文件夹“图像”与收藏图标等，一个sw.js和一个styles.css
我来自manifest.json的代码
{
"lang" : "en",
"name" : "Test",
"short_name" : "Test",
"icons" : [
{
"src": "images/android-chrome-192x192.png",
"size
浏览 1提问于2018-04-13得票数 11
回答已采纳
大约一个星期以来，每次我尝试在我的Mac电脑()上使用Chrome dev tools时，Chrome dev tools都是完全空白的。我重新安装了它，但没有用。一旦我打开dev tools，特定的标签似乎就会断开-我必须打开一个新的标签才能导航，而dev tools的标签和按钮都不起作用，所以我不能使用这里包含的任何建议：
我使用的是High Sierra 10.13.2 & chrome版本63.0.3239.132 (64位)
任何建议我们都将不胜感激。
浏览 0提问于2018-01-08得票数 0
对不起，我的英语:)
我在解析一个网站的图片时遇到了问题。他们使用的是zoomify.com产品。在网络选项卡(chrome dev tools)上，它会得到带有后缀的.zif文件，比如："/abc/file.zif?t1474131368079n22“。如何获得原始的JPEG图像，知道"/abc/file.zif“文件(没有后缀)。
示例：
谢谢。
浏览 1提问于2016-09-18得票数 2
在Chrome Dev Tools中，我如何获取性能分析事件的时间戳，以便将它们与网络选项卡中的网络事件进行匹配？
浏览 29提问于2019-04-01得票数 1
2回答
我正试图在横幅(我知道的经典问题)中居中一些文本。这个横幅被分成12列，并且在最左边的列中有一个关闭窗口的十字图标。文本集中在横幅图标和横幅末尾之间的可用空间中，而不是在整个横幅宽度内对中。从代码的编写方式来看，我不明白它为什么要这样做。下面是HTML：
<div class='col-xs-12 banner'>
<a class="navbar-brand cross-link" href="" ng-click="close()">
<im
浏览 2提问于2015-10-02得票数 0
回答已采纳
因此，我目前正在尝试使用Chrome Dev Tools中的堆快照来调试我们的Nodejs/React应用程序中的一些内存泄漏，经过一些分析，看起来应用程序中增长最快的部分是Objects, Arrays, Strings, and this thing called a FiberNode。看起来其中增长最快的是FiberNode，但我不知道它在我们的代码中引用了什么。我在网上搜索过，在Chrome Dev Tools anywhere中找不到对FiberNode的引用，所以查找我们的内存泄漏变得更加困难。当在Chrome Dev Tools中展开FiberNode时，我得到了一个无法阅读的
浏览 0提问于2020-09-11得票数 2
直到最近，当在Chrome debugger中断点暂停时，如果鼠标悬停在上面，JavaScript变量、数组或对象的当前状态都会在黄色对话框中弹出。这不再起作用了，尽管我不知道发生了什么变化。还有没有人经历过这种情况？这确实使得在这台计算机上进行调试变得更加困难。我的另一台电脑在Chrome Dev Tools (两台Windows7机器)中仍然有正常的行为。提前谢谢。
浏览 0提问于2013-07-14得票数 28
回答已采纳
在机器人测试运行期间，是否有可能让dev tools (检查器)打开？我在我的“半自动”测试中包括了一个手动步骤，在测试中我打开了dev tools (F12)，但是在单击Execute Manual Step的PASS之后，其他的自动化步骤跟着执行，开发工具立即自动关闭。只需概述一下我测试的结构：
Semi-automated robot test
do some automated steps
execute manual step open developers console
do some other automated steps
execu
浏览 3提问于2017-03-06得票数 2
回答已采纳
我们的用户应该在web应用程序中使用Ctrl+Shift+J快捷方式。
我们尝试过'--disable-dev-tools‘这样的Chrome切换器，但它在我们的场景中不起作用。
浏览 0提问于2011-04-17得票数 11
回答已采纳
如何在设备模式模拟中运行chrome (将鼠标事件模拟为触摸屏事件)，而不在dev tools中手动启用它？
优选地，具有标志改变或运行时参数改变。
浏览 7提问于2016-12-07得票数 2
我想突出显示我的chrome dev-tools扩展中的dom元素，就像元素检查器(在dev tools中)一样。有没有什么特别的API呢？谢谢
浏览 2提问于2013-02-12得票数 7
我正在使用Chrome Redux Dev工具来帮助调试我的react应用程序的Redux商店。我添加了一个新的依赖，，它显然使用了redux，因为现在我的商店不再出现在Chrome Redux Dev工具中，我还看到了React Beautiful dnd的商店。
我不喜欢看到这些，因为现在每次我想去我的商店，我都必须手动从列表中选择它。
他们一定要在我的项目中保留react-beautiful-dnd作为依赖项，但阻止它在Chrome Redux Dev工具中显示吗？
也许有某种配置文件可以控制存储的可见性？或者是Redux Dev Tools中控制哪些商店可见的设置？
Chrome Re
浏览 1提问于2021-06-23得票数 0
我对Chrome Dev Tools扩展的开始有一个想法，它涉及拦截用户输入到Chrome Dev Tools中。这个是可能的吗？
例如，一个简单的用法是截取输入到开发工具中的单词'hi‘，然后将'hello’输出给用户。
仅供参考，现在当你输入“hi”时，它会显示以下内容：
浏览 3提问于2015-06-25得票数 1
非常快速的问题：
为什么Brave浏览器有Chrome的dev-tools？
这是否也意味着，如果我的网站在Chrome中工作，我就不需要在Brave中测试它？
谢谢:)
浏览 0提问于2017-09-14得票数 9
回答已采纳
我想在Chrome Dev tools中添加一个新元素到页面。这似乎是相当明显的功能，但我似乎找不到它。
Chrome允许我在DOM选项卡中创建元素吗？我意识到我可以从JS控制台创建一些东西，但更愿意在DOM选项卡上创建一些东西。
浏览 5提问于2012-10-27得票数 13
回答已采纳
2回答
我正在调试引导选项卡模块和使用Tab模块的应用程序，将其所有的颜色更改都放在li:hover：：color元素中。Firefox并没有将：：the从DOM元素中分离出来，但Chrome却是这样。在常规DOM元素上，例如a，我可以右击打开菜单以选择悬停，也可以单击右侧的引脚选择悬停。
当我右键单击“元素”窗口中的“之前”或尝试在dev tools窗口的右侧选择“悬停”时，我不能。
有办法在伪元素上创建悬停操作吗？
浏览 3提问于2016-03-02得票数 1
回答已采纳
1回答
我曾经需要快速地、有时地访问这些信息，并花费大量的时间挖掘代码。在chrome dev tools或任何其他dev tool中是否有一种方法，当您看到网络活动(例如，chrome dev tools中的网络活动)时，您可以看到生成服务调用的实际代码块。这可以使调试在排除新应用程序和代码时变得容易得多，而这些应用程序和代码您不太记得。
浏览 2提问于2016-12-20得票数 0
回答已采纳
我试图在我的网页中添加一个可访问性功能，它是用React.js构建的，以确保我的横幅的颜色不会受到Chrome的高对比度插件的影响。
我尝试通过添加一个函数来检测Chrome插件是否打开，我的代码应该切换一个类，以确保在高对比度模式下横幅颜色不会有太大变化。我注意到只有在刷新页面之后才能看到此更改，因此我添加了这行代码window.location.reload()来手动重新加载页面。
问题是，这部分代码进入无限循环，我的页面无法停止重新加载。我试图用其他方法替换重新加载部分，结果仍然一样。下面是我的React组件的代码：
componentDidMount = () => {
浏览 2提问于2020-06-23得票数 2
回答已采纳
1回答
我用的是Ubuntu 14.04。我无法在Chrome上发布问题，显然是因为依赖于来自另一个域的JavaScript。
我知道这不是网站的问题。这可能是Chrome的一个问题，我最近安装了它。只有Chrome我有这个问题。它不允许加载外部JavaScript。谷歌也没有推出Chrome操作系统。
查看在Ask Ubuntu上的所有页面顶部显示的红色横幅：
📷
Ask Ubuntu需要来自另一个域的外部Javascript，该域被阻塞或加载失败。
浏览 0提问于2017-06-24得票数 0
我试图在chrome dev tools中编辑JS文件，其中一半的时间是工作的，而另一半的时间是缓存服务器JS文件，尽管我做了修改，它还是使用了JS文件。
我只是试着测试一个生产特性，所以我需要用这种方式来测试它--有什么方法可以确保我可以编辑铬JS文件，以便它每次测试时都能在浏览器中反映出来？
浏览 0提问于2019-04-29得票数 1
回答已采纳
在研究角JS中的路由时，我注意到版本浏览器中dev tools的网络选项卡只显示远程*.js资源，而不是本地html和js资源。请参阅屏幕截图中的ffx dev ed和chrome之间的dev控制台的比较，有办法解决这个问题吗？
浏览 3提问于2016-02-26得票数 1
回答已采纳
当我在Orbeon form runner中按下save或review时，所有不正确的值都会显示警告。
当我使用Chrome dev tools (F12 -> ... -> More tools -> Rendering -> Emulate CSS media -> print)模拟打印介质时，这些警告仍然可见。
但是，当我使用PDF按钮创建一个PDF时，警告被删除了。有什么办法可以解决这个问题吗？我希望在生成的PDF中看到所有警告。
我想过使用自定义打印CSS，如下所示：
@media print {
.xforms-alert{
dis
浏览 0提问于2018-05-09得票数 0
就像标题上说的。我开始将服务工作人员添加到站点中，为了工作，他们需要一个有效的SSL证书。我已经让本地的dev服务器用一个自签名的证书在https上传递了一段时间，尽管Chrome给出了“不安全”的信息，直到现在我一直在忽略它。我在这里看到了许多类似的问题(使用localhost)，但没有任何问题与我的设置(在localhost上使用虚拟主机)相匹配，而且我尝试过的都没有奏效。
我将描述我的设置：
这是用于本地开发机器的。我不需要什么超级安全的东西。我只需要Chrome相信它。
我的开发堆栈是Windows 10上的Apache (运行PHP和ColdFusion)。
我在本地设置
浏览 4提问于2017-05-25得票数 6
回答已采纳
我经常使用Find CTRL/CMD + F来查找特定的内容。在Chrome工具中，在我的家用计算机上，所有三个范围都可以工作：
呈现内容( Chrome Dev工具之外，CTRL/CMD +F，重点关注视口)
Chrome Dev Tools > Elements选项卡(搜索原始源代码，不包括外部文件)
Chrome Dev Tools > Resources选项卡(通过外部文件搜索)
在这台正在工作的计算机上，按CMD+F (它是Mac)只在上面列出的前两个作用域中工作，我似乎无法让菜单出现在参考资料选项卡上搜索外部资源。
有什么建议吗？也许这只是Mac和W
浏览 6提问于2014-01-24得票数 3
回答已采纳
1回答
我正在寻找一种聪明的方式来直接在Chrome的开发者工具部分运行nodejs模块。
我指的只不过是nodejs REPL，而是在chrome的dev-tools环境中。
可能使用DevTools的工作空间文件夹，
可能集成了一些库或扩展，允许在chrome中运行代理的nodejs repl会话
有什么建议吗？
。。为了澄清，我不是在谈论浏览器捆绑器或模块依赖框架，如browserify或ResquireJs。
我想在开发时测试nodejs代码，chrome devtools的环境非常适合调试和检查。
谢谢!
浏览 3提问于2014-03-16得票数 0
1回答
我正在使用清晰组件实现多个警报(当有超过一个警报时，横幅左侧将有旋转木马(右插入和左插入)。在“横幅的最右边”也有一个X图标(我无法覆盖堆栈闪电式中的颜色，但它是不可点击的，因为背景颜色与横幅相同)，当"onclick“时，它将关闭顶部的警报。在实现中，我使用服务将警报信息从1个组件传递/获取到其他组件。
单击“移除”按钮时，应向现有的横幅添加1个警告。
我面临以下问题，涉及清楚多警报组件：
在多次单击“删除”后，然后单击X逐个关闭警报，警报横幅将一个接一个地关闭，然后再次单击'remove‘两次，当单击X关闭其中一个横幅时，仍有1个横幅。注意，整个横幅是隐藏的，即使还剩下一
浏览 6提问于2021-06-10得票数 0
3回答
我有以下javascript代码
$("#modal-yes-button").click(function (){
$("#myModal").modal('hide');
$(".modal-body").load('/url/that/returns/an/html/');
$("#myModal").modal('show');
});
和下面的模式
<div id="myModal" class="modal fade&
浏览 8提问于2013-12-04得票数 1
在Chrome Dev Tools的"Edit as HTML“中有自动对齐html的选项吗？我之所以问这个问题，是因为我想例如用额外的<div>包装代码
当我右击div with class title并选择"Edit as HTML“时，将会出现：
有没有什么办法来处理这些乱七八糟的东西并对齐这些标签呢？
浏览 0提问于2017-09-27得票数 1
我需要查看我无法控制的特定站点的网络流量。问题是，网站在某一时刻会触发一个弹出窗口，该弹出窗口会在特定上传事件完成时自动关闭。
我需要查看的HTTP请求仅在关闭时触发，也就是上传完成时。窗口关闭后，Dev Tools窗口也会立即关闭。
有没有办法让它保持开放呢？IE和Firefox呢？
其他非特定于浏览器的工具无法为我提供所需的数据。我知道Chrome会的--只要它停留足够长的时间让我看到它就好了。
浏览 4提问于2014-01-12得票数 27
我正在使用最新的Chrome &金丝雀。如果我在dev tools的抽屉中的搜索框中搜索DOM元素，然后双击结果，Chrome就会切换到Source面板，并且我无法从那里高亮显示浏览器中的元素。如何高亮显示源面板中的元素，或者如何使搜索在元素面板中工作？
更新：
在Chrome的实际网页中突出显示呈现的元素。我不是在讨论开发工具中任何地方的突出显示。
浏览 3提问于2015-06-09得票数 0
回答已采纳
我正在尝试使用chrome dev工具来调试我的测试。我使用jest进行了简单的测试设置
describe('App component renders the todo correctly', () => {
it('renders correctly', () => {
const rendered = renderer.create(
<App />
);
expect(rendered.toJSON()).toMatchSnapshot();
});
});
使用："test&#
浏览 2提问于2018-04-04得票数 4
1回答
设想情况：
Visual中的DotNet Core3.1Web应用程序模板
配置用于在Linux容器中运行HTTPS
单击在Docker上运行
单击“是”接受dev cert
在Chrome中获得不安全错误
请有人解释一下怎么解决这个问题。我运行过dotnet dev-certs https --clean，那么dotnet dev-certs https --trust运行的次数比我想数的还要多。我已从个人->证书导出证书并导入受信任的根证书颁发机构->证书。Chrome仍然只看到个人的一个，即使在机器完全重新启动之后。如果我删除
浏览 3提问于2021-03-07得票数 1
当我在android mobile的chrome浏览器中打开我的网站时，会显示智能横幅。但是相同的iOS Safari浏览器不会显示横幅。 我正在使用这个脚本 https://github.com/KZeni/Smart-Web-App-Banner/blob/master/examples/Getting%20Started.md
浏览 47提问于2020-07-02得票数 0
通常我可以使用Chrome Dev Tools -网络选项卡来嗅探我的HTTP请求。
但这不会发生在下载文件上(即当Content-Dsiplosition设置为Attachment;filename=xxx时)，然后Chrome只会下载文件，网络标签上就不会显示任何内容。
我怎么看这些呢？我的意思是，在Chrome中，没有像PostMan这样的第三方工具。
PS。我需要查看我的服务器发送的头文件，我需要一些调试信息。
浏览 2提问于2016-10-05得票数 23
Chrome的开发工具今天开始表现得很奇怪。当我展开dev tools窗格时，主浏览器窗口按比例缩小，而不是变窄(或变短)。
我已经搜索了设置，看看是否有我无意中检查或未检查的东西，但没有任何运气。我还禁用了所有的扩展，并验证了我是在当前版本的Chrome。
你可以在下面的截图中看到效果。第一个屏幕快照中的浏览器窗格已经缩小，并随着我在第二个镜头中展开dev tools窗格而进一步缩小。
我该怎么做才能解决这个问题？
浏览 0提问于2014-01-30得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
