开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何在将bookmarklet拖动到工具栏时设置favicon /图标？

要在将bookmarklet拖动到工具栏时设置favicon/图标，您可以按照以下步骤操作：

创建一个新的HTML文件，例如：favicon.html。
在favicon.html文件中，添加以下代码：

<!DOCTYPE html>
<html>
<head>
  <link rel="icon" href="https://your-favicon-url.com/favicon.ico" type="image/x-icon">
  <link rel="shortcut icon" href="https://your-favicon-url.com/favicon.ico" type="image/x-icon">
 <title>Bookmarklet with Favicon</title>
</head>
<body>
 <script>
    (function() {
      var bookmarklet = document.createElement('a');
      bookmarklet.href = 'javascript:(function(){/* your bookmarklet code */})()';
      bookmarklet.title = 'Bookmarklet with Favicon';
      bookmarklet.style.borderRadius = '4px';
      bookmarklet.style.cursor = 'pointer';
      bookmarklet.style.display = 'inline-block';
      bookmarklet.style.padding = '4px 8px';
      bookmarklet.style.textDecoration = 'none';
      bookmarklet.style.backgroundColor = '#007bff';
      bookmarklet.style.color = '#fff';
      bookmarklet.style.fontSize = '14px';
      bookmarklet.style.fontWeight = 'bold';
      bookmarklet.style.border = '1px solid #007bff';
      bookmarklet.innerHTML = 'Bookmarklet with Favicon';
      document.body.appendChild(bookmarklet);
    })();
  </script>
</body>
</html>

将https://your-favicon-url.com/favicon.ico替换为您的favicon图标的URL。
将/* your bookmarklet code */替换为您的bookmarklet代码。
将favicon.html文件保存到本地。
打开favicon.html文件，将会看到一个带有favicon图标的bookmarklet按钮。
将bookmarklet按钮拖动到浏览器工具栏中，现在您已经成功地将bookmarklet添加到了工具栏，并设置了favicon图标。

推荐的腾讯云相关产品和产品介绍链接地址：

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【UI 设计】PhotoShop基础工具 -- 移动工具

工具栏和属性栏 : 左侧的是工具栏, 每选中一个工具, 在菜单栏的下部就会出现工具栏对应的属性栏;

04

WordPress 快捷管理工具条：WordPress Admin Toolbar Bookmarklet

当我们想要在 WordPress 撰写日志的时候，一般是需要到你博客的后台，登录之后，点击日志 > 撰写日志，然后开始写，如果每次都这样是比较麻烦的，当然我们可以直接把撰写日志保存到浏览器的工具栏上，但是如果下次想快速进入，又保存一个书签到浏览器的工具栏上？这样显然不是最好的解决问题的方法。

01

超简单易用的思维导图XMind软件中文版，XMind安装包下载安装教程

XMind 是一款流行的思维导图软件，可以帮助用户快速创建各种类型的思维导图。思维导图是一种图形化的思维工具，用于将用户的想法、概念、任务等等以图形化的方式呈现出来，以便更好地组织和交流。

03

Windows 7 操作系统

Windows 7 的主要特性有：更简单更安全更好的连接更低的成本

03

Parallels Toolbox for mac(pd工具箱)

专为富有创造力的个人、学生、小企业主、长期多任务处理者、IT 经理以及介于两者之间的任何人而设计。Parallels Toolbox 讓每個人都可以充分利用他們的 Mac，而不必學習複雜的系統設定。

03

Keep It for mac(Mac笔记工具)

Keep It Mac版是一款mac笔记工具，能够随时提供想要记录的环境，最神奇的是几乎任何东西都能拖到应用中，还能通过扩展功能来添加东西。

03

未来布局之星——ConstraintLayout

ConstraintLayout是Android Studio 2.2中具有亮点的新功能之一，相比于RelativeLayout、LinearLayout等传统布局，它打破了开发者使用XML编写布局的依赖。虽然传统布局也可以使用可视化界面拖动控件来搭建布局，但是因为不够灵活，大多数开发者还是会选择通过XML代码来搭建布局。而ConstraintLayout的出现将开发者带入可视化布局编程的新纪元，通过建立控件之间的约束，实现布局的构建。这样做有一个很大的优点，就是减少了布局的嵌套，减少了布局渲染的层数，降低了CPU的消耗，提高了程序的性能。 ConstraintLayout与RelativeLayout相似，都是通过建立控件与控件之间的位置关系来搭建布局，但是ConstraintLayout远远比RelativeLayout强大很多，接下来看一下ConstraintLayout的使用。

02

ug4入门教程

UG NX是一个功能非常强大的CAD/CAM/CAE软件，通过这一单元，我们来认识一下UG NX，并开始我们的学习。重点在于NX中视图视角的调整操作。

03

Rhino-learn

杯子底部好像没搞好？唉我这杯劣质的水。。官方视频教程（国内访问需要梯子）官方效果：

01

如何在.NET电子表格应用程序中创建流程图

流程图是一种常用的图形化工具，用于展示过程中事件、决策和操作的顺序和关系。它通过使用不同形状的图标和箭头线条，将任务和步骤按照特定的顺序连接起来，以便清晰地表示一个过程的执行流程。

02

MySQL 数据库图形化管理界面应用种草之 Navicat Premium 如何使用

Navicat premium 是一款数据库管理工具。将此工具连接数据库，你可以从中看到各种数据库的详细信息。包括报错，等等。当然，你也可以通过他，登陆数据库，进行各种操作。Navicat Premium 是一个可多重连线资料库的管理工具，它可以让你以单一程式同时连线到 MySQL、SQLite、Oracle 及 PostgreSQL 资料库，让管理不同类型的资料库更加的方便。

02

Qt编写的项目作品7-视频监控系统

一、功能特点支持16画面切换，全屏切换等，包括1+4+6+8+9+13+16画面切换。支持alt+enter全屏，esc退出全屏。自定义信息框+错误框+询问框+右下角提示框。 17套皮肤样式随意更换，所有样式全部统一，包括菜单等。云台仪表盘鼠标移上去高亮，八个方位精准识别。底部画面工具栏（画面分割切换+截图声音等设置）移上去高亮。可在配置文件更改左上角logo+中文软件名称+英文软件名称。封装了百度地图，视图切换，设备点位，鼠标按下获取经纬度等。堆栈窗体，每个窗体都是个单独的qwidget，

02

Windows 10内部的23个隐藏技巧

微软的Windows操作系统不是一回事。它是在其他功能之上构建的功能交织在一起的拼凑而成的功能，这些功能可以追溯到经过时间考验的操作系统的开始。

03

pycharm调试python_pycharm调试快捷键

http://www.cnblogs.com/tsingke/p/7392800.html

01

Mac 热键大全

全屏捕捉……………………桌面(.PDF文件)……Command + Shift + 3 （win+shift+3）屏幕部分画面………………..桌面(.PDF文件)……Command + Shift + 4 （win+shift+4）窗口、图标………………….桌面(.PDF文件)……1. Command + Shift + 4 （win+shift+4） ……………………- ……………………..-2. 空格全屏捕捉……………………剪贴板…………..Ctrl + Command + Shift + 3 屏幕部分画面………………..剪贴板………….. Ctrl + Command + Shift + 4 窗口、图标………………….剪贴板………….. 1. Ctrl + Command + Shift + 4 ……………………- ……………………..-2. 空格

05

ubuntu下音视频剪辑工具栈

本文由腾讯云+社区自动同步，原文地址 https://stackoverflow.club/article/multimedia_clip_software/

02

这款画图神器，yyds！

最近有读者私信我，问我公众号推文的配图是用什么工具画的，很好看，也想学习一下。今天就给大家介绍一下这款画图工具——draw.io

02

放弃visio了，这款画图工具才是真的香！

最近有读者私信我，问我平时写文章的配图是用什么工具画的，很好看，也想学习一下。今天就给大家介绍一下这款画图工具——Draw.io

00

数据库管理工具：全网最全，MySQL 数据库图形化管理界面应用 Navicat Premium 使用教程

Navicat premium 是一款数据库管理工具，将此工具连接数据库，你可以从中看到各种数据库的详细信息，包括报错等等，我们也可以通过它，登陆数据库，进行各种操作。Navicat Premium 是一个可多重连线资料库的管理工具，它可以让你以单一程式同时连线到 MySQL、SQLite、Oracle 及 PostgreSQL 资料库，让管理不同类型的资料库更加的方便。

06

PyQt5数据库开发1 4.3 QSqlTableModel①

修改工具栏的toolButtonStyle属性，改为ToolButtonTextUnderIcon

00

PyQt5数据库开发1 4.3 QSqlTableModel 之 Qt项目的创建

目录一、新建Qt项目 1. 编辑资源文件 2. 添加前缀 3. 新建放资源文件的目录 4. 添加图标文件二、Action 1. 新建打开数据库Action 2. 添加其他Action 三、工具栏 1. 添加工具栏 2. 拖动actOpenDB到工具栏 3. 设置工具栏属性 4. 添加分隔符 5. 添加其他工具 6. 工具栏层次结构四、菜单 1. 添加文件分组 2. 添加其他文件分组下菜单项 3. 添加其他分组和菜单项 4. 菜单层次结构五、关闭Action的实现六、修改Action的状态七

02

pdf书籍笔记助手，BookxNote使用记录

MarginNote是一款在mac和ios上的学习软件，集阅读、批注、摘录、组织思维导图、复习于一体，堪称学习大杀器，在Apple Store上有高达4.7的评分，深受大家的喜爱。

03

C++ Qt开发：ToolBar与MenuBar菜单组件

Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍ToolBar工具栏组件以及与之类似的MenuBar菜单栏组件的常用方法及灵活运用。

01

C++ Qt开发：ToolBar与MenuBar菜单组件

Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍ToolBar工具栏组件以及与之类似的MenuBar菜单栏组件的常用方法及灵活运用。

01

Qt编写安防视频监控系统28-摄像机点位

摄像机点位的功能主要是在图片地图和在线离线地图上设置对应摄像机的位置，然后双击可以实时预览对应摄像机的视频，在图片地图上拖动摄像机图标到对应位置，系统会自动保存位置信息，在网页地图上的摄像机位置，需要异步更新，比如先从右侧选择需要更新位置的摄像机，然后在地图上鼠标按下，会自动传回当前位置的经纬度信息，然后单击更新设备位置按钮即可，会自动js异步更新执行代码，更新完成以后会自动同步到另外的地图，比如在线地图更新了，离线地图也会自动更新。

00

ps切图必知必会

对于前端切图,相信很多小伙伴都不会陌生,但是对于新手,有时却很棘手,想着我本是来写代码的,你给我一张图干嘛的, 有时,或许你总奢望着UI设计师,把所有的图都给你切好,你只管撸码的,然而事实并非如此,有时候呢,设计师给我们的图,也并非是一成不变,往往也需要作一些调整,更改,完美的将UI设计图,进行还原实现产品经理的意图,是前端小伙伴职责所在,那么熟练简单的ps操作,就很重要了,虽然我们不是设计者,但是我们是具体的实现者,实现从0到1的过程,至于前端ps操作,绝大多数工作是简单的切图(抠图),测量,图片简单的处理,将图片利用web技术进行填充布局实现静态页面展现就可以了,至于,ps软件,我也只是停留在简单的使用,有时候,在一些群里,看到一些小伙伴,对于切图,有些畏惧,打开ps软件,无从下手,有时候呢,即使自己曾今,ps技术玩的很溜,但是只要一段时间没有去接触,就会很陌生,一些习以为常的技巧,忘得一干二净,非常苦恼,您将在本篇学会一些常用的奇淫绝技,完全可以胜任ps切图工作,今天,就我的学习和使用,跟大家分享一下自己的学习心得,如果你已经是老司机了,可以直接忽略,欢迎路过的老师,多提意见和指正

02

Qt编写安防视频监控系统7-全屏切换

全屏切换这个功能点属于简单的，一般会做到右键菜单中，也提供了快捷键比如alt+enter来触发，恢复全屏则按esc即可，全屏处理基本上都是隐藏通道面板以外的窗体，保持最大化展示，由于采用了模块化的堆栈窗体qstackwidget来处理，这样还需要提供信号通知主界面来隐藏对应的不需要显示的控件。

04

Qt编写安防视频监控系统4-删除视频

一般会有两种处理方式来删除视频，一种是鼠标右键菜单，删除当前视频或者删除所有视频，一种是直接按住当前视频，移到视频通道界面以外就表示删除当前视频，这也是个比较人性化的设置，每个人的喜好不一样，和通道交换功能类似，按住视频拖动到窗体外面表示删除视频，这个功能也需要安装事件过滤器来处理，自动计算当前按下状态下的鼠标是否已经到了窗体外面，按下的时候记住当前视频通道，松开的时候处理删除视频动作即可。删除完成以后同样要立即更新配置文件或者数据库，以便下次应用新的配置，在删除视频的时候，为了保证界面UI的流畅，可以后台慢慢释放资源删除，而不是立即删除，有时候会卡住主界面，体验不好。

02

Matplotlib 中文用户指南 7.1 交互式导航

所有图形窗口都带有导航工具栏，可用于浏览数据集。以下是工具栏底部的每个按钮的说明：

02

Qt编写安防视频监控系统8-双击节点

在所有的视频监控系统中，双击摄像机的节点，对应摄像机加载到当前焦点通道显示，这个都是必须具备的功能，还有一些厂家会做双击NVR节点，自动加载该NVR下的所有摄像机全部显示，从通道1开始到通道16或者32，知道排满，或者双击对应的分组，分组下面的所有摄像机自动加载显示视频，这个基础效果在Qt中还是很好实现的，入门级别，唯独双击父节点加载节点下的所有视频，我们知道QTreeWidget默认双击父节点是折叠功能，那怎么取消这个功能呢？或者仅仅是限制单击父节点的+-号来实现折叠和展开，这个就需要用到事件过滤器，事件过滤器的优先级别很高，可以直接优先拿到对应的事件，然后进行处理，处理完成以后如果不需要继续传递下去可以直接return true即可，这样就不会再执行该事件了。

02

Qt编写安防视频监控系统29-掉线重连

掉线重连在很早很早以前就做了，基本上的方法都是搞个变量存储最后收到图片的时间，然后开个定时器判断，如果不在暂停模式下，当前时间和最后收到图片的时间差值超过了设定的超时时间，比如5s则认为掉线，然后调用close方法关闭，调用open重新打开视频流，依次重复。

00

SimPro的开始界面

它包含了左边的电子目录（模型库），和中间的工作区，还有右边的属性栏，还有上面的工具栏。

01

原 Intellij IDEA 2017

这个章节让你熟悉Intellij IDEA的用户界面，以便帮助你更好的在工作环境中使用。当你第一次运行Intellij IDEA或者没有打开项目时，Intellij IDEA显示欢迎页面，以便能够快

06

使用Qt Designer 设计主窗口

选中Type Here 处双击（或按 Enter键）编辑菜单名。输入完毕后按Enter 键确认，可继续编辑下一个菜单项。如有必要，可以在菜单项之间添加分隔符。可拖动以修改菜单项的顺序。

03

Qt编写安防视频监控系统30-GPS运动轨迹

此功能是一个客户定制的，主要是需要在地图上动态显示GPS的运动轨迹，有个应用场景就是一个带有监控的车子，实时在运动中，后台可以接收到经纬度信息，需要绘制对应的轨迹，相当于这些摄像机点位是动态移动的，这样就可以观测到摄像机的实时位置信息，双击摄像机还可以弹出画面实时预览，很直观。

00

[ISUX译]iOS 9人机界面指南(四)：UI元素（上） - 腾讯ISUX

文章索引 4.1.1 状态栏 4.1.2 导航栏 4.1.3 工具栏 4.1.4 工具栏与导航标准按钮 4.1.5 标签栏 4.1.6 标签栏标准图标 4.1.7 搜索栏 4.1.8 范围栏 4.2.1 活动 4.2.2 活动视图控制器 4.2.3 集合视图 4.2.4 容器视图控制器 4.2.5 图片视图 4.2.6 地图视图 4.2.7 页面视图控制器 4.2.8 浮出层 4.2.9 滚动视图(Scroll View) 4.2.10 分栏视图控制器 4.2.11 表格视图 4.2.12 文本视图 4.2

05

一个创建产品动画说明视频的新手指南

英文原文：A Step-by-step Guide to Creating Animated Product Explainer Videos

01

C/C++ Qt ToolBar 菜单栏组件应用

ToolBar工具栏在所有窗体应用程序中都广泛被使用，使用ToolBar可以很好的规范菜单功能分类，用户可根据菜单栏来选择不同的功能，Qt中默认自带ToolBar组件，当我们以默认方式创建窗体时，ToolBar就被加入到了窗体中，一般是以QToolBar的方式存在于对象菜单栏，如下所示。

02

C/C++ Qt ToolBar 菜单栏组件应用

ToolBar工具栏在所有窗体应用程序中都广泛被使用，使用ToolBar可以很好的规范菜单功能分类，用户可根据菜单栏来选择不同的功能，Qt中默认自带ToolBar组件，当我们以默认方式创建窗体时，ToolBar就被加入到了窗体中，一般是以QToolBar的方式存在于对象菜单栏，如下所示。

01

Qt音视频开发49-通用截图截屏

采用了回调方式的视频通道，截图只需要对解析好的QImage对象直接保存即可，而对于句柄的形式，需要调用不同的处理策略，比如vlc需要用它自己提供的api接口函数libvlc_video_take_snapshot传入保存路径即可，mpv的内核执行screenshot-to-file命令传入路径参数即可，而ffmpeg就需要设置抓拍标志位，在实时采集解析那边，如果当前是截图标志位真，则需要改成QImage转换的机制发出图片，而不是yuv的数据opengl绘制，海康的sdk调用NET_DVR_CapturePicture函数即可。

03

紫光同创国产FPGA学习之Physical Constraint Editor

该文档详细描述了Physical Constraint Editor（以后简称PCE）的使用方法和各项功能。PCE能够对实例和IO进行布局约束、区域约束和I/O设置。 PCE主界面，如图1-1所示。

03

unity3d百度百科_3d怎么恢复四个界面

在Windows等图形化操作系统上，熟练地使用菜单、图标、快捷键等，将会极大提升工作效率。因此，要认识一个软件，学会熟练使用他们，就必须先认识软件的界面。

02

Qt编写安防视频监控系统35-onvif抓拍图片

以前不知道onvif也可以做抓拍功能，直到近期重新用Onvif Device Test Tool工具测试的时候，发现还有抓图的接口，于是抓跑分析出要收发的数据，然后加入到自己封装的onvif操作类中，这个抓图有个应用场景就是报警以后，直接通过onvif抓图，而不需要打开实时视频流，基本上不占用什么资源。

00

CSharp中ICON图标制作

方法1：上easyicon下载，有大量免费的icon图标,下载网址如下 https://www.easyicon.net/language.en/iconsearch//?s=addtime_DESC

02

PS如何制作圆角矩形Logo

访问了很多个人网站都使用了圆角矩形Logo和favicon图标，挺好看的很喜欢这种风格，应该如何设计呢？站长在此跟大家分享下如何通过Photoshop设计圆角矩形Logo

02

如何在 Photoshop 中制作 GIF 动画

您可能已经使用过一些在线 gif 生成器来快速生成 gif 图像，但这些在线生成器无法提供与 Photoshop 相同的灵活性和结果。

03

tkinter学习系列（二）之窗口的设置

目录（一）窗体的最小框架 1.说明： 2.源代码： 3.实现效果：（二）窗体的基本设置 1.说明： 2.完整代码： 3.实现效果：（三）窗体的外形设置 1.说明： 2.完整代码： 3.实现效果：（四）窗体的三个方法： 1.获取屏幕的大小 2.获取窗体的大小 3.获取窗体的位置目录： 1.窗体的最小框架 2.窗体的基本设置 3.窗体的外形设置（一）窗体的最小框架 1.说明：需要导入标准库： import tkinter 2.源代码： # 导入模块，并取别名 impor

01

制作一个简单的绘图软件(让人头大的JAVA期末作业)

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭