文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

全流程 Chrome 扩展开发之按键提示

key-prompt 是一个基于 Extension.js 开发工具和其提供的 vue-typescript 模板开发的 Chrome 扩展程序，可以在任意网页的左下方位置显示你对当前页面的键盘操作，其实这是一个无聊的扩展程序...立即开始一个扩展程序： 如果你不想基于内置模板，也可以通过下面的方式立即开始一个创建程序： 从 Google Chrome Extension Samples 创建基于 Edge 作为运行时浏览器的示例...NOTE] Chrome 扩展程序知识补充： Content scripts 主要用于与网页内容交互，在网页的上下文中运行，但不能直接访问 Chrome 扩展的 API。...Popup scripts 主要用于提供用户界面，在扩展的弹出页面中运行，可以直接访问 Chrome 扩展的 API。...扩展商店是需要付费上架的，对于个人制作的小玩具不具备花钱的必要，所以我选择将打包的 Chrome 扩展程序发布到 Github Release。

1K10

如何优雅的对网页截取长图

点击长截图后往下滚动，截图效果： ? 除了滚动截图qq还有屏幕识图（就是ocr了）。 ? 识图效果还行，就是不方便复制，还是天若ocr软件更好用点。 ?...FireShot 这是个Chrome扩展https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg...，能捕捉网页截图，编辑并将它们保存为PDF，JPEG，GIF，PNG或BMP ，安装 Chrome扩展见文章上不了谷歌如何安装 Chrome 扩展？...这里打开上不了谷歌如何安装 Chrome 扩展？这篇文章,选择捕捉选定区域。 ? 然后复制截取的长图。 ?...FastStone FastStone Capture 是一款体积小巧、功能强大、简单易用的屏幕捕捉工具，集屏幕截图、图像编辑、视频录制功能于一身。 ?

2.1K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    新入手的Mac需要做的事

    系统设置 系统偏好设置 -> 通用 -> 显示滚动条 -> 始终 系统偏好设置 -> 通用 -> 在滚动条中点按-> 跳到点按的位置 系统偏好设置 -> 触控板 -> 勾选轻点来点按 系统偏好设置 ->...桌面与屏幕保护程序 -> 触发角( 左下角将显示器置入睡眠状态 、右上角设置为显示桌面) Finder -> 最上边右键 -> 自定义工具栏 -> 拖拽想要的功能（删除文件、新建文件夹等） 软件安装...Snipaste 个人觉得使用这个软件的好处主要是使用他截图后，可以将截好的图片直接显示在置顶在屏幕上 访达扩展 OpenInTerminal 在某个目录下可以直接打开终端并且自动切换到该目录，下载安装后需要做如下设置...： 系统偏好设置 -> 扩展 -> 访达扩展 -> 勾选 OpenInTerminalFinderExtension 其他 微信 腾讯文档 主要用来画架构、脑图、在线excel等 浏览器 Chrome...目前主要web开发调试的时候用，耗电量大户 Edge 个人目前主要用这个浏览器了，耗电量比较低，跨平台内核基于chrome的，chrome的扩展基本都支持 typora 目前撰写 markdown 最舒服的软件

    86320

    网页截长图 截屏Google Chrom 插件 FireShot 分享 3000万人使用的网页截图插件

    捕获和编辑屏幕截图 FireShot是一款出色的免费工具，可用于在Windows PC上捕获网页。其易于使用的界面让您可以捕获页面的一部分、整个浏览器窗口，甚至是所有打开的选项卡的内容。...如果您拍摄了许多屏幕截图然后需要对其进行编辑，这将是有益的。您甚至可以将 FireShot 与其API 文档集成，以获得更大的可用性。 有两个版本；在免费版本（LITE）和付费版（PRO）。...许多功能触手可及 在捕获浏览器屏幕截图时，您可以选择记录整个页面、可见部分、自定义选择或所有打开的选项卡。您还可以捕获帧、滚动 DIVS甚至浮动元素。...2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/       3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到...Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

    12.9K20

    Snagit for mac(屏幕截图和屏幕录制工具)

    Snagit是一款由TechSmith公司开发的屏幕截图和屏幕录制工具，旨在帮助用户在Mac OS X平台上捕捉和编辑屏幕内容。...Snagit可以快速捕捉全屏、窗口、区域或滚动屏幕截图，并提供多种编辑工具，如裁剪、调整大小、添加文本、箭头、形状、高亮、马赛克和数字等标记。...Snagit for mac(屏幕截图和屏幕录制工具)图片Snagit for Mac主要功能特点：多种截图方式：Snagit支持多种截图方式，包括全屏、窗口、区域和滚动截图等。...快速分享功能：可以将截图或录制的视频直接发送到电子邮件、文本消息、社交媒体和云存储服务中，方便快捷。图片自定义快捷键：可以自定义捕捉屏幕截图和录制视频的快捷键，以提高工作效率。...改进了 Chrome 网络浏览器中自动滚动箭头的可见性。提高了在 Chrome 网络浏览器中自动滚动捕获的准确性。提高了 Xcode 自动滚动捕获的准确性。

    5.3K00

    Chrome 插件

    日常类 Tampermonkey Tampermonkey（油猴）是最受欢迎的浏览器扩展之一，拥有超过 1000 万用户，绝对算是 Chrome 最强大的扩展了。...AdBlock：广告拦截 AdBlock 是最好的广告拦截工具，拥有超过 6500 万用户，也是最受欢迎的 Chrome 扩展程序之一，下载量超过 3.5 亿次！...AdBlock Awesome Screenshot 截图与录屏 截图和录屏 2 合 1 的工具，支持截取整个页面，快速分享屏幕。...超级截图录屏大师是一款录屏神器，也是一款截屏神器．屏幕截图 & 图片编辑，屏幕录像＆视频编辑，所有这些截图，录屏功能，都被一气呵成的集成到插件和对应的网站服务中。...FeHelper Web 前端助手 FE 助手：包括 JSON 格式化、二维码生成与解码、信息编解码、代码压缩、美化、页面取色、Markdown 与 HTML 互转、网页滚动截屏、正则表达式、时间转换工具

    2K10

    利用 Python + Selenium 实现对页面的指定元素截图(可截长图元素)

    对WebElement截图 WebDriver.Chrome自带的方法只能对当前窗口截屏，且不能指定特定元素。若是需要截取特定元素或是窗口超过了一屏，就只能另辟蹊径了。...在保证截图质量的情况下，速度较慢 方式三 针对WebDriver.PhantomJS 由于接口实现的差异，PhantomJS相比于Chrome，可以截取到整个网页。...所以获取指定元素的截图也就简单很多 截取网页全图 裁剪指定元素 driver = webdriver.Chrome() driver.get('http://stackoverflow.com/')...解决图片加载不完整的问题 参考: 利用 Python + Selenium 自动化快速截图 我们先在首页上执行一段 JavaScript 脚本，将页面的滚动条拖到最下方，然后再拖回顶部，最后才截图。...') WebDriver.Chrome截图只能截当前屏幕区域。

    12.5K42

    开发效率太低?您可能没看这篇文章

    创作达人必备 ScreenFlow 这或许是mac上最好用的屏幕录制应用. Annotate 屏幕截图批注应用, 令人惊喜的是, 支持划区域gif制作, 教程以及动图制作者必备....前端有关 whistle node实现的抓包工具，配合chrome扩展，可基于chrome完成抓包，代理，甚至可基于js生成mock数据，完全可替代charles。 YSlow 雅虎性能分析工具....AdBlock 超强去广告工具, 最受欢迎的Chrome扩展, 拥有超过4000万用户. 阅读模式 快速开启阅读模式, 进入沉浸式阅读, 并非支持所有网页....Blipshot 全网页截图工具, 支持自动垂直滚动, 截取网页的所有内容为一张图片....Chrome Extension开发 相关文章 Sample Extensions - Google Chrome 图灵社区: 合集 : Chrome扩展及应用开发 Google Chrome扩展开发系列

    4.6K31

    如何备份可能被删的公众号文章和网页

    截图 手机都自带截图功能（有些手机还有滚动截屏），手机浏览器也有。 ? 这种截图形式不方便复制文字，而且图片也不方便搜索。...除了在微信里用印象笔记收藏，它还有个剪藏Chrome扩展 https://chrome.google.com/webstore/detail/evernote-web-clipper/pioclpoplcdbaefihamjohnefbikjilc...打开文章 身份证号码的秘密，点击扩展按钮 ? 可以保存网页正文，隐藏广告，屏幕截图等。 ? ? 进入印象笔记看到这篇文章已经保存自己印象笔记了。 ?...简悦 这是个Chrome扩展 https://chrome.google.com/webstore/detail/%E7%AE%80%E6%82%A6-simpread/ijllcpnolfcooahcekpamkbidhejabll...，最初用来方便阅读文章的，后来功能越来越全，借鉴下作者的说明。

    4.6K10

    测试人员的必备神器：Chrome插件助你效率翻倍！

    测试人员在日常工作中，Chrome扩展插件是不可或缺的工具，它们能够极大地提升工作效率，简化测试流程。以下是我为测试人员精选的10个Chrome扩展插件。...而且，它还支持地理位置测试，甚至能够安排屏幕截图。这个扩展程序对协作也非常友好，让你可以轻松地与团队成员分享测试结果。...它不仅能够捕捉整个页面或任何网页的部分内容，还支持滚动截图和导出PDF。更厉害的是，它还能录制屏幕视频，让你能够将测试过程完整地记录下来。...Exploratory Testing Chrome Extension 就能帮你解决这个问题。它支持报告错误、想法和笔记，还能在测试过程中进行截图。...以上，就是我为测试人员精选的10个Chrome扩展插件。它们各自具有独特的功能和优势，能够帮助测试人员提高工作效率、简化测试流程。

    1.5K10

    捕获网站截图，留存精彩时刻

    sensepost/gowitness Stars: 2.3k License: GPL-3.0 gowitness 是一个使用 Chrome Headless 的 Golang 网站截图工具。...它可以通过命令行生成网页界面的屏幕截图，并提供方便的报告查看器来处理结果。支持 Linux 和 macOS，Windows 也基本可用。...该项目有以下核心优势和关键特性： 快速：利用 Chrome Headless 强大的功能，能够快速地生成高质量、准确无误的网页截图。...可以将截图保存为二进制文件或Base64编码格式。 支持设置页面宽度、高度、图片类型等参数，灵活可配置化。...能够模拟设备环境，在不同设备上获取对应样式效果的截图； 支持全页面滚动截取整个长页面； 允许隐藏或移除指定CSS选择器匹配到的DOM元素； 提供点击指定DOM元素、滚动至某个位置等交互行为支持； 总之，

    1.4K30

    【python自动化】playwright长截图&切换标签页&JS注入实战

    该方法会截取页面的屏幕截图，并根据该特定元素的大小和位置进行裁剪。 如果该元素被其他元素覆盖，则在截图上实际上不可见。 如果该元素是可滚动容器，则截图上只会显示当前滚动的内容。...该方法在进行屏幕截图之前会等待 可操作性 检查，然后将元素滚动到视图中。 如果该元素从 DOM 中分离，该方法将抛出错误。...截图类型将根据文件扩展名进行推断。如果path是相对路径，则相对于当前工作目录解析。如果不提供路径，则图像将不会保存到磁盘。...full_page Union[bool, None] 为true时，截取完整可滚动页面的屏幕截图，而不是当前可见的视口。默认为false。...「注意点」 locator类下的截图方法，是比page类下的截图方法少了两个可选参数。 「full_page」：对于元素截图不支持全页面滚动长截图。 「clip」：对于元素截图不支持裁剪。

    7.6K20

    Puppeteer，非常好用的一款爬虫和自动化利器～

    它通过DevTools协议控制Chrome或Chromium，可以用来自动化几乎所有的浏览器操作，比如点击、滚动、填写表单等等。 而且，它还能生成页面的截图和PDF，非常强大！...比如一个简单的操作，使用Puppeteer控制chrome打开百度首页，并且截图保存到本地，几秒可以搞定。...扩展程序测试 支持对 Chrome 扩展程序进行功能验证和交互测试。...生成网页截图和PDF Puppeteer可以自动生成网页的截图或PDF 文件（支持自定义页眉/页脚和排版格式），这对于生成报告或保存网页内容非常有用。...对于爬虫，puppeteer也更强大和友好，原生支持网络请求拦截与修改，能精确模拟设备传感器（地理位置、屏幕方向），而且可以直接生成 PDF 与截图（支持元素级裁剪、自定义视口），非常的方便。

    1.4K10

    为 Android 应用打造精良的 Chrome OS 使用体验

    这意味着开发者可以使用他们既有的 Android APK，并将其扩展后适配 Chrome OS 设备，从而在更大屏幕的设备上带来更加沉浸且引人入胜的体验。...触控板 当有人在带触摸板的桌面设备上使用您的应用时，他们会希望使用双指轻扫触摸板进行滚动；但在移动设备上，用户通常会按住并拖动屏幕来实现滚动。...Chrome OS 会自动解析这些不同类型的动作事件，例如，当用户在使用绘图应用时如果做出了滚动的操作，绘图应用不会让画笔在画面上涂抹。...△ 同一个界面针对不同屏幕的布局文件 导航模式 同时，您的应用在不同的屏幕尺寸上都应该易于使用。提供纵向、横向等布局，使得应用可以根据可用的屏幕宽度，在底部导航、侧边导航和侧边扩展导航模式之间切换。...多显示器 / 全 HDCP 支持 在外部显示器上投屏观看受 DRM 保护的视频内容 *。

    1.4K10

    Chrome浏览器实例的TypeScript自动化脚本

    Puppeteer是一个Node库，它提供了一套API来控制无头版或全版Chrome。Puppeteer默认以无头模式运行，但也可以配置为运行“全头”模式。...它能够模拟用户的行为，如点击、滚动、导航等，非常适合于自动化测试、生成页面截图或PDF等场景。环境准备在开始之前，确保你的开发环境中安装了Node.js和npm（Node包管理器）。...浏览器，设置代理，导航到一个指定的URL，并捕获页面的截图。...，我们可以捕获页面的截图。...这个脚本能够启动Chrome浏览器，设置代理，导航到指定的URL，并捕获页面的截图。这只是Puppeteer强大功能的冰山一角，你可以根据需要扩展更多的功能，如表单填写、链接点击、PDF生成等。

    78610

    Chrome PHP 现在支持 PHP 8.5 和 Symfony 8！

    概述 ChromePHP 是一个 Chrome 扩展程序，将 PHP 解释器集成到您的浏览器中。...特性 从 PHP 打开 Chrome 或 Chromium 浏览器 创建页面并导航到网页 截取屏幕截图 在页面上执行 JavaScript 生成 PDF 模拟鼠标操作 模拟键盘输入 始终对 IDE 友好...require chrome-php/chrome 使用示例 use HeadlessChromium\BrowserFactory; $browserFactory = new BrowserFactory...（全页、裁剪）、PDF 生成（自定义页边距、页眉页脚等） 鼠标和键盘模拟 Cookie 管理 DOM 操作（查询元素、点击、输入文本等） 下载文件支持 这个库非常适合自动化任务，如网页截图、PDF 生成...、爬虫、测试等，利用 Chrome 的 DevTools 协议实现强大功能。

    9610
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券