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

最新Tampermonkey 中文文档解析（附基础案例和高级案例）

如果值为none，则不会执行更新检查。 @supportURL 定义使用者报告issues和个人支持的地址 @include 脚本应该运行的页面， 可以使用正则匹配。...// 当点击浏览器上下文菜单时被注入（仅仅是桌面Chrome-based浏览器） // 注意：如果使用了context-menu @include和@exclude的变量都将被忽略，但是未来可能会改变...，tm试图通过查找@match标记来检测脚本是否是在google chrome/chromium的知识中编写的，但并不是每个脚本都使用它。...如果给定了多个散列（用逗号或分号分隔），则TM将使用当前支持的最后一个散列。如果外部资源的内容与所选哈希不匹配，则资源不会传递到用户脚本。所有散列都需要以十六进制或base64格式编码。...loadinbackground具有与active相反的含义，并被添加以实现Greasemonkey 3.x兼容性。如果未指定“活动”或“加载后台”，则选项卡将不会聚焦。

6.8K11

你知道 Chrome 专门为调试提供的这些函数吗？

// 每日前端夜话 第439篇 // 正文共：1600 字 // 预计阅读时间：8 分钟 在 Chrome 的 DevTools 中的控制台提供了一些 Debug 专用的函数，每一个都身怀绝技。...❝不过如果已经把 JQuery 引入为 $ 的话，还是会正常执行 JQuery 的。...展开的话可以看到监听器的各种属性： listener：触发事件执行的函数 once：该监听器只会触发一次 passive：无法执行event.preventDefault()，通常用于提升监听器的性能，...另外由于 queryObjects 并不会直接返回数组，所以要点右键菜单中的 Store as global variable 把数组放进变量 temp1。...copy 能够把 DOM、对象复制到剪贴板，我有时会用 copy 对象转为 JSON 并粘贴到接口文档中，或者在控制台中快速的创建或修改假数据。 ?

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

    是时候为各式设备适配完善的输入支持了

    在增强用例中，某些功能不只是有了更好，而可能是必需具备的，例如一款不支持游戏手柄的手机游戏和一款不支持标准复制和粘贴快捷键的文本编辑器，都是无法受到用户欢迎的。...△ Cubasis 应用使用场景 绘图类应用则更加注重: 蓝牙和 USB 绘图板能够持续正常的工作，以及在 Chrome OS 操作系统中将低延迟触控笔 API 应用到绘图和绘画应用中。...true } } // 如果没有处理事件，则交回系统处理 return super.onKeyUp(keyCode, event) // 如果没有则将事件传递给...此处显示了添加上下文菜单的代码，完整代码如下所示: registerForContextMenu(myView) // 首先为上下文菜单注册一个或多个视图，这将自动处理长按和右键点击两种操作。...} } 对于上下文菜单之外的其他右键点击行为，可以用 onContextClickListener 设置视图，只需使用它调用在长按用例中使用的相同方法即可。

    1.9K20

    Apriso开发葵花宝典之二Process Builder调试篇

    从界面中设置的默认Action 如果以上都不是，则刷新界面 调试视图介绍 Process builder中提供了server mode和client mode两种页面运行模式，两种模式页面渲染模式不同...调试树： 如果实体执行正确，则节点显示为绿色;如果出现错误，则节点变为红色 双击任何节点都会自动将您转移到所选实体 执行特定函数所需的时间显示在实体名称旁边 “操作名称”旁边显示“操作”和“子操作”的修订号...Developer Tools视图 Process builder中内置了Developer Tools视图视图，在测试运行模式下，可以通过菜单视图—>“HTML 源”来打开，这个和Chrome浏览器的开发者工具是一样的...在使用的时候这两个方法需要传递同一个参数，若不传，则为“default” ，Chrome 控制台中原生支持类jQuery的选择器，也就是说你可以用加上熟悉的css选择器来选择DOM节点。...这个关键字与在调试工具中设置断点的效果是一样的。可以在需要断点的语句前加入debugger关键字设置断点，如果没有调试没有打开，debugger 语句就不会起效。

    2.6K50

    如何在十分钟内创建一个Chrome 插件

    在我们的上下文中，它是一个数字守护者，确保我们不会过度分享信息。 用户可以指定他们认为敏感的单词或短语列表。...步骤3：创建 Content Script Chrome 扩展中的 Content Script 是运行在网页上下文中的 JavaScript 文件。...如果存在，它会禁用发送按钮并向聊天框的父 div 添加一个 CSS 类（forbidden-div）。 脚本最后注册了两个事件监听器： 第一个触发在 keyup 事件上。...值得注意的是，我们使用了事件委托，因为 ChatGPT 界面是一个单页面应用（SPA）。在 SPA 中，用户界面的部分会根据用户交互动态替换，这可能会意外地解除绑定到这些元素的任何事件监听器。...处理鼠标粘贴事件 虽然我们的扩展检测到按键操作，但用户可以通过使用鼠标的右键菜单粘贴敏感信息来绕过这一点。为了堵住这个漏洞，我们可以添加一个用于粘贴事件的事件监听器（或者两者都监听输入事件）。

    2.4K51

    Vue项目中使用Tinymce

    ：简洁好看，依赖于Bootstrap, jquery，选择的Element-ui弃之 TinyMCE: 支持图片在线处理,插件多，功能强。...配置项 接下来就是添加配置项， 让TinyMCE编辑器功能丰富起来 基础配置 关于基础配置, 我就不一一介绍,文档中都有详细的说明,如果英语和我一样弱鸡,可以借助chrome的翻译,大概能看明白。...但是我却花费了一个小时来搞这个, 因为我咋也粘贴不上, 所以不得不提一下这个坑：就因为我用的chrome开发, chrome浏览器直接在文件中复制粘贴图片是无法粘贴上的, 但是可以从微信输入框等地方粘贴上...,也能拖入, 我暂时还没有进一步去做chrome浏览器粘贴的兼容,后续有时间回去做....对于135编辑器 135编辑器支持拷贝的是html代码，通过直接粘贴在code中即可保持排版样式不变，对于图片地址处理思路如下: 为自己的服务器设置一个白名单， 将页面中非白名单内的图片链接地址传给后台

    5.6K20

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

    提问环节在日常开发中，免不了遇到这样那样的问题，如果有什么问题，可以直接丢给一个智能助理就好了！而腾讯混元助手正好就具备这个能力，来看看我是怎么使用的吧。...问题 9：jQuery 修改某个标签属性值背景：jQuery 是一个比较老的前端库，但还是有很多旧的网站还在用它，长时间不用难免会遗忘。...点击「复制当前标签页标题」，则把单条Markdown格式的标题写入到剪切板。 2. 点击插件图标，出现下拉菜单。点击「复制所有标签页标题」，则把多条Markdown格式的标题写入到剪切板。...点击插件图标，出现下拉菜单。点击「复制当前标签页标题」，则把单条Markdown格式的标题写入到剪切板。 2. 点击插件图标，出现下拉菜单。...不过每隔一段时间，混元的能力就会有所加强，这个在长期使用中能够明显感觉到。

    1.5K20

    JavaScript 实现自定义鼠标右键上下文菜单

    引言在现代网页开发中，自定义鼠标右键上下文菜单已经成为了提升用户体验和功能性的关键要素。传统的浏览器默认右键菜单功能有限，无法满足多样化的用户需求。...通过自定义右键上下文菜单，开发者可以为特定场景提供更加个性化和强大的操作选项，使用户能够更高效地与网页进行交互。...（二）contextmenu 事件contextmenu 事件专门用于处理鼠标右键菜单的显示。当用户在页面上点击鼠标右键时，会触发该事件。...然后，使用document.addEventListener方法监听contextmenu事件。当事件触发时，调用event.preventDefault()阻止默认右键菜单显示。...这样的自定义菜单能够提高用户在图像编辑过程中的操作效率。（三）文本编辑器对于文本编辑器，右键菜单可以包含“复制”、“粘贴”、“剪切”、“撤销”、“恢复”、“全选”等基本的文本操作选项。

    1.5K10

    分享 10 个你可能不知道的 Devtools 技巧！

    如果要下载网页上的所有图片，可以打开 Devtools 工具，粘贴以下代码，然后按 Enter： $$('img').forEach(async (img) => { try { const src...如果你可能经常会用到这个功能，可以把它粘贴到 Sources 下的 Snoppets 下： 4....Safari 和 Chrome 的 Devtools 也有一个显示合成图层的 Layers 视图，不过功能上就不如 Edge 的强大了。 5. 禁用事件侦听器 事件侦听器有的时候也会妨碍网页的调试。...如果我们正在排查某个特定的问题，但每次移动鼠标或使用键盘时，都会触发不相关的事件侦听器，这可能会让我们很难专注的排查问题。...Devtoos 的设置中随意切换目标语言，如果你也觉得翻译过来的中文比较别扭，还是建议直接使用英文版 但是，在 Firefox 中，DevTools 始终会与浏览器的语言匹配，所以如果你想使用法语版的

    1.4K10

    kindeditorasp配置_php配置详解

    第二种： 如果在create方法内尚未对其items进行任何指定，那么就会默认继承kindeditor.js内的items的配置，也就是全部菜单。...当我们在create方法内指定了items属性后就会值显示这里所配置的工具栏菜单。...在TEXTAREA里设置HTML内容即可实现编辑，在这里需要注意的是，如果从服务器端程序(ASP、PHP、ASP.NET等)直接显示内容， 则必须转换HTML特殊字符(>, textarea id=”editor_id...如果浏览器不触发 DOMContentLoaded事件(例如：jQuery的$.ready，点击某个按钮，通过innerHTML插入HTML等)，则不能使用KE.show，需要直 接调用KE.init和...; 菜单中code所表示的含义说明： source：表示可以切换编辑器的编辑模式进入源代码HTML查看模式； undo：表示后退，也就是我们常用的CTRL+Z快捷键功能； redo：表示前进，也就是我们常用的

    3.3K10

    【Wordpress】Crayon Syntax Highlighter 与主题不兼容

    推荐理由： 集成主题编辑器 切换行号 复制 / 粘贴代码 在新窗口中打开代码 自动获取博客文章 / 评论中的… 进行高亮 远程请求缓存 可以在一个代码框内混合语言高亮显示 可以在行内调用代码高亮...安装完成并启用，然后点击后台菜单栏的设置，找到 Crayon 进行自定义编辑。 遇到问题： 问题1、显示出来的代码块无法点击，右上角的复制/粘贴、展开等功能button点击不起作用： ?...handle 1 wp_deregister_script('jquery');  // JS $handle 果然，我们看到在 cu/info.php 这个文件中，有这样一行，找到他，先注释调： ?...刷新页面（如果有缓存记得清理一下缓存，包括cdn、浏览器缓存），终于我们解放了插件代码的 复制 / 粘贴 等功能了！！...问题2、HTML实体字符转义问题： 在Wordpress中使用 Crayon Syntax Highlighter 时，代码段内的HTML实体不会被解释，导致'’显示为’>

    6.9K10

    Web文件上传方法总结大全

    的新属性，它规定了可通过文件上传提交的文件类型 上传的触发事件可以是：input[type=”file”]的onChange触发，也可以由一个独立的按钮的onClick使整个表单提交，此时还可以用input...file控件的change来触发上传事件，当然你也可以使用某个按钮来触发表单提交。...首先，截图粘贴上传的核心思想是，监听粘贴事件，然后获取剪切板中的数据，如果是一张图片，则触发上传事件。...当进行粘贴（右键paste/ctrl+v）操作时，触发剪贴板事件’paste’，从系统剪切板获取内容，而系统剪切板的数据在不同浏览器保存在不同的位置： IE内核：windows.clipboardData...： 在drop事件触发后通过e.dataTransfer.files获取拖拽文件列表，在jQuery中是e.originalEvent.dataTransfer.files 拖拽上传仅支持图片，文件对象中

    5.1K10

    setTimeout的那些事

    所以，如果setTimeout的定时到了执行时间，JS主线程仍然还在执行同步任务，setTimeout所指定的方法并不会立刻执行。...3.2 防止事件疯狂触发 除了点击这种单次事件，浏览器上有一些会疯狂触发的事件，例如onreaize事件。如果给这个事件绑定了处理函数，在浏览器窗口大小改变的时候会很高频地触发处理函数。...3.4 blur事件延时生效 经常有这种场景：监控input或者textarea中文本的变化，然后触发某个事件处理程序。...但是当使用鼠标右键操作进行粘贴或剪切时，控制台输入的文本内容是操作前的旧内容。...为了获取操作后的新文本内容，可以将对文本的获取和处理放在setTimeout中延时执行： // 响应键盘输入，粘贴和剪切事件 $('#input').on('keyup paste cut', function

    2K10

    setTimeout的那些事

    所以，如果setTimeout的定时到了执行时间，JS主线程仍然还在执行同步任务，setTimeout所指定的方法并不会立刻执行。...3.2 防止事件疯狂触发 除了点击这种单次事件，浏览器上有一些会疯狂触发的事件，例如onreaize事件。如果给这个事件绑定了处理函数，在浏览器窗口大小改变的时候会很高频地触发处理函数。...3.4 blur事件延时生效 经常有这种场景：监控input或者textarea中文本的变化，然后触发某个事件处理程序。...但是当使用鼠标右键操作进行粘贴或剪切时，控制台输入的文本内容是操作前的旧内容。...为了获取操作后的新文本内容，可以将对文本的获取和处理放在setTimeout中延时执行： // 响应键盘输入，粘贴和剪切事件 $('#input').on('keyup paste cut', function

    2.6K00

    记录工作中遇到的各种问题（Bug，总结，记录）

    第一次成功打印出来，即触发了load事件，但点击下一页后，iframe实际上已经刷新了，但并不会再触发这个load事件 后来的解决办法是换了种监听方法，区别主要是获取iframe对象的方式变了，还不知为啥会这样...假如要实现contenteditable为true的元素中内容的复制和粘贴功能，简单地复制粘贴就会取到错乱的HTML标签 结合getSelection、clipboardData相关的操作（还得注意这个对象在新版浏览器中以及移到了原生事件对象...在iPad中，输入中文，输完拼音然后选中文的时候是不会触发onkeyup事件的  这个问题在监听了keyup事件的时候会出问题，最后检测到的只是拼音 解决办法是加上input或change事件 51....，然后才跳到链接中 解决办法一：链接的后端路由代码中，判断是否登陆时，增加对微软的访问头部字段检测，如果是，则直接返回over即可 如PHP中 if (isset($_SERVER['HTTP_USER_AGENT...迅雷会检测并自动下载HTML5中Video标签中设置的.mp4视频 如果机子装了迅雷，在设置Video源的时候（比如使用video.js或用原生）并不会播放，而是自动被迅雷调出下载 可以说是迅雷流氓了，

    19.8K12

    Vue实战Vue-Quill-Editor富文本编辑器

    以前用jquery的时候经常使用的有百度富文本编辑器UEditor，不过因为后期自适应不大好使，也就换成别的了，有时候用过Ckeditor。...action为空，则采用base64插入图片 // response 为一个函数用来获取服务器返回的具体图片地址 // 例如服务器返回{code: 200...}, headers: (xhr) => {}, // 可选参数 设置请求头部 start: () => {}, // 可选参数 自定义开始上传触发事件...end: () => {}, // 可选参数 自定义上传结束触发的事件，无论成功或者失败 error: () => {}, // 可选参数 自定义网络错误触发的事件...; } } } 总结     在vue中使用vue-quill-editor基本上就这些配置，不是很高新的技术，只是希望写下来为了大家以后写代码的时候可以复制粘贴，更好的专心于业务，不用太过担心技术上的问题

    2.1K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券