我无法在Chrome浏览器中查看我的下拉菜单，但当我在此处插入代码时，我可以查看它。怎么会这样? - 腾讯云开发者社区

文章/答案/技术大牛

发布

你不可不知的腾讯混元大模型前端开发实战技巧

提问环节在日常开发中，免不了遇到这样那样的问题，如果有什么问题，可以直接丢给一个智能助理就好了！而腾讯混元助手正好就具备这个能力，来看看我是怎么使用的吧。...而Chrome插件可以在Chrome浏览器的基础上，拓展很多原本没有的功能，这个特性让我非常喜欢，我本人也装了很多插件。...4.在 popup.html 文件中添加以下代码，创建一个下拉菜单小窗口：5.创建一个 popup.js 文件，用于处理点击图标后打开的插件窗口。...12.将所有文件放入 markdown-title-copy 文件夹中。13.在 Chrome 浏览器中，打开 chrome://extensions/ 页面，启用开发者模式。...我在文中放的基本都是成功的案例，能够很好的帮助我完成开发目标。在实际体验中，也存在部分场景无法理解我描述的情况，表现的不是很好。

1.5K2 0

作为程序员，我在电脑上都装过哪些 Chrome 插件？

不过，作为一名开发者，当我接触到一个新平台时，还是会条件反射性的去探索这个平台与软件编程相关的产物。用了这么久 Chrome，若说不上装了哪几个牛逼的开发插件，我都羞于见人?。...学习的过程中，每当我看到一些产品功能简单精致的插件，总想着要照葫芦画瓢实现一下，但赝品终究难敌正品。后面我换了一种方式，开始看插件源码，深入了解作者的实现思路以及架构细节。...每日 GitHub，无法自拔不知大家平时看我分享的一些东西时，心中是否都会曾闪过这样一个疑问：你发的这些好东西都是从哪看到的？...它可以将浏览器的空白标签页设为 GitHub 项目的推荐页，每当你打开浏览器标签时，便会看到上面及时更新的优质开源项目。 ?...JSON 预览，更具美观在日常开发中，我们免不了会在浏览器端查看一些 JSON 文件，但是，Chrome 默认的 JSON 查看做得还不是很完善，缺少了常用的格式化排版、语法高亮等功能。

6932 0

您找到你想要的搜索结果了吗？

是的

没有找到

零基础入门 20： UGUI DropDown

（题外话，因为这期分享中段制作之后，微信平台抽疯，Gif图无法使用，导致我不得不尝试用其他的方式来让文章看起来没那么死板，在后面的部分展示中，我插入了视频文件而并非Gif，不过大小进行了控制，不会浪费太多流量...（从蛮牛过来的同学或者是电脑端查看的同学，在查看视频的时候可以全屏，效果更佳，手机端的同学们可能效果不是很理想，但是也可以视频全屏铺满查看，但是效果肯定不会有电脑的全屏清晰。...知道了如何在编辑器下创建并且设置下拉菜单以后，以及在了解了Dropdown这个组件的一些属性内容之后，又到了我们在脚本内创建并且控制组件的时候了，毕竟实际使用中，有时候很多需求都要求我们动态的去设置下拉菜单的内容...这里说一下下标和实际数目的区别，因为我们正常查数都是从1 2 3这样数数，但是对于下拉菜单来说，因为是个list，下标是从0起，即下标0对应了我们所说的第1个，即下标x对应着第x+1个，这样理解即可。...无法使用Gif真是麻烦，这期结束以后大家可以给我一些反馈，如果觉得这种视频讲解的要比Gif好的，可以给我留言，我后期会考虑中和一下。

3.4K5 0

window.ai 开启你的内置AI之旅

其中，当我们介绍如何配置AI功能时，我们提到了一个Plan B方案，就是在升级Chrome还无法开启AI功能时，我们可以选择下载一个Chrome Dev[1]，这是一款开发者专用的 Google Chrome...也就是移动端的Chrome还无法体验该功能。虽然，我们可以在桌面端的Chrome来体验内置AI。但是，要想上手它，还是需要一定的硬实力的。...浏览器在官方文档中，有两种浏览器可以开启AI功能。...❝chrome://components/ 是 Chrome 浏览器中的一个内部页面，用于管理和查看 Chrome 组件的状态和版本。...AI能力展示我们在DevTool-Sources-Snippet中验证代码，这样可以有更好的书写体验。

6571 0

Proxmox高可用方案

关闭某个虚拟机，编辑其硬件属性，显示器一项改成spice，然后启动此虚拟机，真的可以呢！遗憾的是，只能通过浏览器，点控制台下拉菜单spice才可以。...而我希望用virt-viewer客户端访问，这样如果能成功，就可以采购云终端盒子进行连接。把服务器虚拟化与桌面虚拟化集成在一个proxmox上边，远胜于其它商业解决方案。...由此可以判断，以浏览器操作管理界面的下拉菜单spice，代理程序把这个请求传递给127.0.0.1:61000端口,于是可以弹出窗口。直接用客户端连3128端口，不灵；换61000端口，还是不灵。...当我们用web管理界面创建虚拟机的时候，应该会去读某个文件，但肯定不是虚拟机那个配置文件，配置文件我查了，参数值很少的。...回来后，立马动手，查看官方文档，可以在配置文件里写参数. 改完，重启虚拟机，还真有效。

2.8K2 0

10分钟内就可以学会的几个CSS高招

甚至有人说CSS在设计上很糟糕，无法保护应用程序商店，但我认为 CSS 很棒，它绝对臃肿且难以全面学习，但这只是因为它在过去 25 年中不断发展的原因。 ?...响应式布局的想法已经过去十多年了，因为越来越多的浏览器进入市场，他们都以不同的方式实现了 CSS，导致代码可以在一个浏览器中运行，但在另一个浏览器中，可能需要你编写一堆浏览器的前缀，以使其在所有浏览器上都能正常工作...然后，可以在任何需要的地方引用，现在当你决定更改它时，你只需修改一行代码变量级联，就像 CSS 中的其他所有内容一样，这意味着你可以通过在树的更深处重新定义它们来覆盖它们： ?...9、计数器状态我刚刚说过 CSS 不是一种编程语言，但你是否知道它实际上内置了一个状态管理机制，你可以在不编写任何 JavaScript 代码的情况下跟踪 CSS 代码中的运行计数。...但请记住我在文章前面提到的那些浏览器供应商前缀的事情。这些东西不会消失，幸运的是，我们确实有一些方法，可以使它几乎不引人注目。

2.9K2 0

你可能不知道的「 CSS 容器查询」

目前而言，我们可以通过以某种方式识别该组件，比如通过添加一个类或使用其他选择器来定位元素，该选择器可以查看它在文档结构中的位置。但是，这并不能完全实现媒体查询在整个布局中的作用。...媒体查询使我们能够根据视口的范围来改变元素的大小。当我们添加一个类或目标元素时，我们决定当对象在侧边栏中时，它必须使用堆叠布局。...但是，就可用空间而言，很可能是在大屏幕上，侧边栏中的对象将具有足够的空间来以并排布局显示。容器查询将解决这种情况。除了查看视口的大小，我们还可以查看容器的大小，并根据容器中的空间进行布局调整。...声明了这个属性，就意味着浏览器知道：我以后可能要查询此容器。然后，可以编写一个查询来查找此包含上下文而不是视口大小，以便为组件制定布局决策。使用创建容器查@container。...id=1145970 共识和标准 Chrome浏览器中提供功能后，此处列出的值不保证是最新的。

2K3 0

W3C: 媒体制作 API (1)

当我们试图利用 WebRTC 进行媒体摄取时，需要意识到虽然 WebRTC 是最好的实时流媒体传输协议，缺乏一个标准的每个 WebRTC 协议的现况使得流媒体服务需要实现一个定制协议，这使得硬件编码器和广播工具无法采用它...，例如当使用 PowerPoint 之类的工具并且想要更改对象轮廓的颜色时，可以使用 EyeDropper 工具从不同的对象中获取颜色，这样就不必记住它是什么颜色，或者记住代码。...浏览器中的开发者工具也有这个功能，如果想在开发工具的样式面板中更改颜色属性，通常有一个 EyeDropper 图标，允许点击网页的一部分，这样就可以立即获取该颜色，而不必记住十六进制代码。...如果在 Chromium 浏览器中使用输入类型颜色元素，则单击该元素后，你将看到一个下拉菜单，其中将包含一个允许执行此操作的 EyeDropper 图标，但这是非标准的，它在 Firefox 中的工作方式不同...，例如，它具有此处显示的典型或默认颜色选择器调色板。

1.6K2 0

Selenium三种等待

Selenium自动化入门小白都有遇到过如下情况：运行时报错说找不到元素，但是检查确认了好多遍元素定位没有问题，怎么会找不到呢？然后一查，哎呦，果然是selenium运行机制都没搞清楚。...在我们打开一个页面时，页面有一个加载的过程，但是我们在页面没有加载完的时候去查了那个元素，当然查不到，那怎么办呢？那就等一下呗，等页面都加载完了，或者我要找的元素加载出来了，我再去执行下面的操作。...这种等待用作调试很有用，有时候也可以在代码里这样用，但是不建议总是这样等待，太死板，严重影响程序执行速度。...三、显性等待（WebDriverWait） selenium中的wait模块的WebDriverWait()方法，配合until或者until_not方法，再辅助一些判断条件，就可以构成这样一个场景：每经过多少秒就查看一次要查找的元素是否可见...上例中，我们设置了隐性等待和显性等待，在其他操作中，隐性等待起决定性作用，在WebDriverWait中显性等待起主要作用，但要注意的是：最长的等待时间取决于两者之间的大者，此例中为30，如果隐性等待时间

1.9K3 0

AI编码工具Bolt：是神器还是鸡肋？

由于有一个聊天框，我询问了 Bolt，它澄清说：这很好也很有趣。当然，这意味着实际上获取我的代码可能会存在问题或障碍。但目前，我假设我的兴趣是构建。...通过左侧窗格浏览文件，我遇到了 src/pages/blog/index.astro 中博客缩略图的描述：当我开始编辑时，页面在我输入时不断向上滚动。...LLM 的态度无法由 Bolt 控制，因为他们不构建模型。好的，我们可以轻松地调整日期位置和行距。我希望它显示在一列中，并最终显示在一个页面上。...结论现在，当我在与系统作斗争时——它显然无法读取我的想法——它尽了最大努力在保持博客看起来像它认为好看的博客网站的同时，进行我的更改。...除了滚动错误之外，我认为 Bolt 操作 Astro 以完成我的任务的能力相当强大——它完成了繁重的工作。此外，Bolt 的布局允许我查看聊天结果、代码和预览，这非常好。

1K0 0

使用python假装装黑客，批量破解朋友的网站密码

前几天看帖子，发现我们使用浏览器的时候，当登陆一个需要输入用户名密码的网站时，在你登陆成功后，系统会提示你是否保存密码，如果点击确认，浏览器将会把我们本次输入的密码，存储在浏览器中，待下次登录时便可以免密登录...查看Chrome存储的密码表单点击你们的Chrome浏览器右上角，进入设置->高级->管理密码(根据浏览器版本不同，可能存在部分差异)，亦或者在Chrome浏览器中输入chrome://settings...SQLite… 很多嵌入式产品中，都会使用SQLite数据库进行数据存储，它占用资源低，数据库即文件，又支持sql语法的增删改查，简直不要太方便 ? SQLite在哪，又该怎么查询？...查看Chrome浏览器存储的密码既然拿到了SQLite数据库文件，我们随便找个sqlite工具，就能打开这个数据库了！这里我使用sqlitestudio： ?...网上查了下： CryptUnprotectData数据可以在win32crypt中找到，要使用该模块，需要进行安装： pip install pywin32 万事俱备，就差撸代码了！ ?

1.5K2 0

使用 Python 假装黑客，批量破解朋友的网站密码

前几天看帖子，发现我们使用浏览器的时候，当登陆一个需要输入用户名密码的网站时，在你登陆成功后，系统会提示你是否保存密码，如果点击确认，浏览器将会把我们本次输入的密码，存储在浏览器中，待下次登录时便可以免密登录...查看Chrome存储的密码表单点击你们的Chrome浏览器右上角，进入设置->高级->管理密码(根据浏览器版本不同，可能存在部分差异)，亦或者在Chrome浏览器中输入chrome://settings...SQLite… 很多嵌入式产品中，都会使用SQLite数据库进行数据存储，它占用资源低，数据库即文件，又支持sql语法的增删改查，简直不要太方便 SQLite在哪，又该怎么查询？...首先，进入我的电脑，地址栏中输入%LOCALAPPDATA%,进入app的数据存储路径： C:\Users\Administrator\AppData\Local 之后进入chrome浏览器的密码数据库统一地址为...网上查了下： CryptUnprotectData数据可以在win32crypt中找到，要使用该模块，需要进行安装： pip install pywin32 万事俱备，就差撸代码了！

2.4K3 0

使用Python假装装黑客，批量破解朋友的网站密码

前几天看帖子，发现我们使用浏览器的时候，当登陆一个需要输入用户名密码的网站时，在你登陆成功后，系统会提示你是否保存密码，如果点击确认，浏览器将会把我们本次输入的密码，存储在浏览器中，待下次登录时便可以免密登录...查看Chrome存储的密码表单点击你们的Chrome浏览器右上角，进入设置->高级->管理密码(根据浏览器版本不同，可能存在部分差异)，亦或者在Chrome浏览器中输入chrome://settings...SQLite… 很多嵌入式产品中，都会使用SQLite数据库进行数据存储，它占用资源低，数据库即文件，又支持sql语法的增删改查，简直不要太方便 SQLite在哪，又该怎么查询？...首先，进入我的电脑，地址栏中输入%LOCALAPPDATA%,进入app的数据存储路径： C:\Users\Administrator\AppData\Local 之后进入chrome浏览器的密码数据库统一地址为...网上查了下： CryptUnprotectData数据可以在win32crypt中找到，要使用该模块，需要进行安装： pip install pywin32 万事俱备，就差撸代码了！

1.3K2 0

我的职业是前端工程师【五】: 前端工程师必会的六个调试技能

后来，我才醒悟到在前端领域，这是基本的调试功能，在 Chrome、Safari 这些现代的浏览器上都能这样做。与一般的单机应用相比，让 Web 应用不能如期运行有更多的原因。...实时调试样式作为一个有经验的前端程序员，当我们开发前端界面时，都会：在浏览器上编写 CSS 和 HTML 将编写好的 CSS 和 HTML 复制到代码中重新加载页面，看修改完的页面是否正确如果不正确...，重复 1~3 而当我们想查看页面上某个元素的 DOM 结构或者 CSS 时，我们可以点击开发者工具中的 Inspect 图标，并在页面上选择相应的元素。...只需要在浏览器的相就部分打个断点，再执行相应的操作，就可以等代码掉到这个坑里。如下是 Chrome 浏览器进行代码调试时的截图： ? 从工具栏中的 Sources 就可以进行到这个界面。...网络调试 Chrome 里的开发者工具中的 Network 不仅可以查看页面的加速速度，还可以看我们发出的请求的详细信息、返回结果的详细信息，以及我们发送给服务端的数据。如下图所示： ?

1.2K10 0

花了一天整理了一些我常用的工具

我之前用Windows的时，在写markdown时最喜欢用的是MarkdownPad2，主要习惯了它的快捷键，所以在Windows平台的时候一直都没换后来去到公司，换了Mac。...配上自带的图床，复制/截图完后，直接command+v就可以将图片粘贴在文章中了 ? Typora 二、Chrome浏览器我相信大家用的浏览器都应该是Chrome吧？...我以前用Chrome的时候就喜欢它的简洁，打开速度快。...用了插件之后 2.2 英语翻译插件英语翻译插件，我喜欢用的是：沙拉查词 ? 沙拉查词在阅读到不懂的单词的时候，划一下就好了： ?...homebrew 7.6 Mac终端我之前一直用着Mac自带的终端。但我看我的同事们，都好像跟我的不一样~~ 自带的终端是这样的： ?

9831 0

反思录：Angular实现svg和png图片下载

我经常思考，在面临一个不确定问题时，以往的经验究竟有无辅助作用？如果把经验遗忘会产生何种程度的影响？在上下求索未果之后，如何找回曾经的感觉，恰若灵光一现？...获取元素 Angular中提供一种叫做ViewChild的注解，可以帮助我们引用到页面中的svg元素，此处就是#template....data url too large下载问题上述过程看上去顺利流畅，但是事实上一旦图片过大，在下载时，chrome浏览器会抛出网络错误。...这样看上去是没有问题的，但是如上面这段代码的注释：此处有坑。坑在哪里？稍后我会在原则处作深入探讨，现在暂且搁置，进入下一个技术话题。...在toPng方法外，我插入console.log(this.sanitizer)，发现这个对象完好地出现在命令行中，此刻突然灵感一现，回忆起几年前写过一篇关于Javascript作用于的文章[5]，可不就是

3.4K4 0

浏览器实验中的故障排除

当我通过“关于Chrome”按钮确认我的Chrome版本时，它也更新到了较新版本的Chrome 70。值得庆幸的是（或者不值得庆幸）我仍然可以在我的测试机器上进行更改后重现该问题。...当我从chrome：// webrtc-internals诊断音频录制、Chrome性能监视器、WebRTC日志、Chrome任务管理器甚至Chrome跟踪添加新的捕获点时，我仍然无法看到任何指向特定根本原因的内容...它上上下下没有依靠任何相应的抖动以保证上升。在chrome：// webrtc-internals中检查复制调用的抖动缓冲区在某个完全沮丧的时刻，我在拨打电话时将USB电缆从笔记本电脑中拿出。...您可以在下面看到内置笔记本电脑扬声器/麦克风有一些小的波动。但是当我们插入某些耳机时，并且在更换设备的初始峰值之后，抖动缓冲器将一直跳跃150 + ms或者平静下来后稳定到首选的20ms。...在Chrome Stable中，问题发生在用户身上，无法合并修复程序，但建议使用一些有用的解决方法，例如禁用回音消除（这是因为耳机在扬声器和麦克风之间有良好的隔离）甚至是一种选择退出实验的巧妙方法。

3.7K3 0

python实战案例

举例：浏览器向百度服务器发送请求，百度返回 html 页面源代码；在百度里搜索关键词，百度在服务器将关键词有关数据写入 html 页面源代码中，一并返回给浏览器 2.客户端渲染：第一次请求只要一个 html...在页面源代码中，看不到数据。...在源代码处搜索呈现的数据，无法找到。熟练使用浏览器抓包工具： Chrome 浏览器右键检查或者 F12，上方大类选择 Network；刷新页面，此时所有返回的请求都在此处显示。...点击文件可以打开源代码，通常第一个文件为网页骨架； Headers 中 Request URL 写有 url 地址，Preview 可以查看预览效果。...：北京新发地菜价(已失效，仅可参考) 注：页面重构，下示例代码仅可参考，无法运行，网站改为浏览器渲染，使用 POST 请求 # 页面源代码中能找到数据，所以直接爬取，后使用bs4提取数据即可 import

4.3K2 0

Chrome开发者工具不完全指南（二、进阶篇）

如果你觉得在断点的时候为了看一个变量必须借用console面板输出的方式来查看会比较麻烦，那么你可以更新最新版的Chrome，它已经为我们解决了这个烦恼。...这让开发者对当前环境变量几乎可以说是一目了然。（此功能有一个小缺陷，那就是无法查看数组或者对象的具体索引和值，不过我相信google会改进它的。） ?...这些片段实际上就相当于你的js文件一样，不同的是本地的js文件在编辑器里面编辑的，而此处，你是在浏览器中编写的。这些代码片段在浏览器刷新的时候既不会消失，也不会执行，除非是你手动执行它。...它可以存在你的本地浏览器中，即使关闭浏览器，再次打开时它依然还在那里。...它的主要作用可以使得我们编写一些项目的测试代码时提供便捷，你知道，如果你在编辑器上编写这些代码，在发布时你必须为它们添加注释符号或者手动删除它们，而在浏览器上编写就不需要这样繁琐了。

1K2 0

为什么大家都用i标签用作小图标?

这会是对如何设计伪元素的一个简要的说明，看我下面文本编辑器的这幅图在这个例子中，我高亮的样式将被应用到元素里插入到目标元素内容的前面和后面。还要注意的是典型的CSS继承规则适用于插入的元素。...随后css给了它一个边框以及一些padding和margins。这里是浏览器中查看的结果：外面的盒子是这个段落。围绕有散列符号的边框表示伪元素的边界。...它得到特定属性的值并把它作为插入的文本成为一个伪元素。上面的代码会导致页面上的每一个元素的href值立即被放置在每个各自的元素的后面。...在文档被打印时，它可以用作一个包含所有URl的打印样式表。你也可以用这个函数去获取元素的title属性，或者甚至是microdata的值。...（更新：在评论中提到的，你可以使用谷歌的开发工具来查看一个伪元素相关联的风格，但不会出现在DOM元素里。同时，火狐在1.8版加入伪元素支持它。）你所需要用有的理念是用这个技术以创造出实用的东西。

4K5 2

点击加载更多

你不可不知的腾讯混元大模型前端开发实战技巧

作为程序员，我在电脑上都装过哪些 Chrome 插件？

零基础入门 20： UGUI DropDown

window.ai 开启你的内置AI之旅

Proxmox高可用方案

10分钟内就可以学会的几个CSS高招

你可能不知道的「 CSS 容器查询」

W3C: 媒体制作 API (1)

Selenium三种等待

AI编码工具Bolt：是神器还是鸡肋？

使用python假装装黑客，批量破解朋友的网站密码

使用 Python 假装黑客，批量破解朋友的网站密码

使用Python假装装黑客，批量破解朋友的网站密码

我的职业是前端工程师【五】: 前端工程师必会的六个调试技能

花了一天整理了一些我常用的工具

反思录：Angular实现svg和png图片下载

浏览器实验中的故障排除

python实战案例

Chrome开发者工具不完全指南（二、进阶篇）

为什么大家都用i标签用作小图标?

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐