360 安全浏览器 - 页面布局 - 常用网址

360 安全浏览器 - 页面布局 - 常用网址

在这里插入图片描述

自定义样式

let myStyle = {
	'https://www.baidu.com/': {
		color: '#001483',
		backgroundColor: '#FFF',
		icon: 'https://www.baidu.com/favicon.ico'
	},
	'https://blog.csdn.net/jx520': {
		backgroundColor: '#fc5531',
		icon: 'https://g.csdnimg.cn/static/logo/favicon32.ico'
	},
	'https://gitee.com/jerryjin0630/': {
		backgroundColor: '#fe7300',
		icon: 'https://cn-assets.gitee.com/assets/favicon-9007bd527d8a7851c8330e783151df58.ico'
	},
	'https://www.bilibili.com/': {
		color: '#03A9F4',
		backgroundColor: '#f0fbff',
		icon: 'https://www.bilibili.com/favicon.ico'
	},
	'https://www.douyin.com/': {
		backgroundColor: '#161823',
		icon: 'https://lf1-cdn-tos.bytegoofy.com/goofy/ies/douyin_web/public/favicon.ico'
	},
	'https://www.toutiao.com/': {
		backgroundColor: '#f04142',
		icon: 'https://sf3-cdn-tos.douyinstatic.com/obj/eden-cn/uhbfnupkbps/toutiao_favicon.ico'
	},
	'https://www.bejson.com/jsonviewernew/': {
		backgroundColor: '#a3c7f7',
		icon: 'https://www.bejson.com/favicon.ico'
	},
	'https://chat.tiangong.cn/': {
		backgroundColor: '#2182f3',
		icon: 'https://chatglm.cn/img/icons/favicon-32x32.png'
	},
	'https://kimi.moonshot.cn/': {
		backgroundColor: '#9b9b9b',
		icon: 'https://kimi.moonshot.cn/favicon.ico'
	},
	'https://xinghuo.xfyun.cn/desk': {
		backgroundColor: '#6b89ff',
		icon: 'https://xinghuo.xfyun.cn/spark-icon.ico'
	},
	'https://tongyi.aliyun.com/': {
		backgroundColor: '#7b6cf2',
		icon: 'https://acd-assets.alicdn.com/acd_work/tongyi/favicon.ico'
	},
	'https://chatglm.cn/main/detail': {
		backgroundColor: '#2454ff',
		icon: 'https://chatglm.cn/img/icons/android-chrome-192x192.png'
	},
};

[...document.querySelectorAll("#page-mosts ul > li")]
.map(li => {
    return {
        link : li.querySelector('.link'),
        bg: li.querySelector('.defaultlogo')
    }
})
.filter(obj => obj.link)
.forEach(obj => {
    let link = obj.link.href;
    obj.bg.className = 'defaultlogo';
	let { color, backgroundColor, icon } = myStyle[link];

	if(color) obj.bg.style.color = color; // 文字颜色
	if(backgroundColor) obj.bg.style.backgroundColor = backgroundColor; // 背景色
	if(icon) obj.bg.style.backgroundImage = `url(${icon})`; // 图标
});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/379119.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Java 学习和实践笔记(2)

今天的学习进度: 注册并下载安装好了Java 8,之后进行以下配置。 1)path 是一个常见的环境变量,它告诉系统除了在当前的目标下妹寻找此程序外,还可以到path指定的目录下找。这句话是什么意思呢?以下举报例…

使用 Astra DB、LangChain 和 Vercel 构建维基百科聊天机器人

一、说明 你有多少次问谷歌一个问题,只是为了得到一个维基百科的链接,需要你点击、加载网站并滚动才能找到答案?那么自动问题搜索又是如何呢? 维基百科是搜索引擎的顶级搜索结果,因为它是一个值得信赖的网站;人们认为那…

《游戏引擎架构》 -- 学习2

声明,定义,以及链接规范 翻译单元 声明与定义 链接规范 C/C 内存布局 可执行映像 程序堆栈 动态分配的堆 对象的内存布局 kilobyte 和 kibibyte 流水线缓存以及优化 未完待续。。。

async 与 await(JavaScript)

目录捏 前言一、async二、await三、使用方法总结 前言 async / await 是 ES2017(ES8) 提出的基于 Promise 解决异步的最终方案。上一篇文章介绍了 回调地狱 与 Promise(JavaScript),因为 Promise 的编程模型依然充斥着大量的 then 方法&#…

软件测试工程师——缺陷(一篇足以)

目录 定义 缺陷的类型 缺陷的严重程度 缺陷的状态 缺陷的根源 ​缺陷的来源 缺陷的起源 缺陷的生命周期 缺陷的识别 缺陷报告模板 编写缺陷报告的目的 缺陷报告编写的准则 缺陷描述的准则 定义 1. 软件未实现产品说明书中所提及的功能 2. 软件实现了产品说明书中…

stable_diffusion提示词编写笔记(1)

stable_diffusion提示词编写笔记(1) start 总结一下AI绘画学到的知识。 一.提示词分两种: 1.正向提示词; 2.反向提示词; 一个对应你希望图形包含的内容提示词,一个对应你不希望图形出现的内容提示词。 二.如何书写提示词 1.内…

连杆的形状优化

前言 本示例使用优化模块在不改变连杆体积的情况下将连杆中的应力集中降至最低。 本页讨论 前言应用描述Abaqus建模方法和仿真技术文件参考 应用描述 此示例说明了连杆的形状优化。形状优化对曲面节点在设计区域中的位置进行轻微修改,以实现优化的解决方案。形状优…

pwn学习笔记(2)ret_2_text_or_shellcode

pwn学习笔记(2) 1.三种常见的寄存器: ​ ax寄存器:通用寄存器,可用于存放多种数据 ​ bp寄存器:存放的是栈帧的栈底地址 ​ sp寄存器:存放的是栈顶的地址 2.栈帧与栈工作的简介&#xff1a…

Linux(Ubuntu)环境下安装卸载Python3(避免踩坑)

一、安装 第一步: 进入/usr/local/目录,下载Python3,这里我下载的是python 3.8.10,如果要下载其他版本改下链接中的版本号,需与官网版本号对应。 wget https://www.python.org/ftp/python/3.8.10/Python-3.8.10.tgz第…

HTML小白入门学习-表格标签

一、前言 话说上文&#xff0c;我们对HTML的表单类标签进行简单的学习和认识&#xff0c; 分别是<form>、<input>、<textarea>、<label>、<select>和<button>这几个标签。 与表单标签有一字之别的表格标签&#xff0c;就是本文的主角。本…

【MySQL】学习和总结DCL的权限控制

&#x1f308;个人主页: Aileen_0v0 &#x1f525;热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法 ​&#x1f4ab;个人格言:“没有罗马,那就自己创造罗马~” #mermaid-svg-Bl9kYeLf8GfpdQgL {font-family:"trebuchet ms",verdana,arial,sans-serif;font-siz…

鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Rating组件

鸿蒙&#xff08;HarmonyOS&#xff09;项目方舟框架&#xff08;ArkUI&#xff09;之Rating组件 一、操作环境 操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1 二、Rating组件 提供在给定范围内选择评分的组件。 子组件 无。 接口 Rating(opt…

整合RabbitMQ实现消息异步发送

消息队列中间件 消息队列中间件是分布式系统中重要的组件&#xff0c;主要解决应用耦合&#xff0c;异步消息&#xff0c;流量削峰等问题。 中间件最标准的用法是生产者生产消息传送到队列&#xff0c;消费者从队列中拿取消息并处理&#xff0c;生产者不用关心是谁来消费&#…

一个冷门的js加密逆向分析(二)

前天发了一片js加密分析的文章&#xff0c;今天继续来说第二层加密是什么样的。 上源代码 window["" "f" "3" "2" "0" "6" "b" "1" ""] function () {;(function (v509…

【html学习笔记】1.概念

1.概念 1.1 HTML标准格式 <html><body><p>Hello World</p></body> </html>1.2 编辑方式 新建一个笔记本文件&#xff0c;将html语法格式的内容写入。保存后将记事本的.txt后缀换成.html,就可以在浏览器里运行了 1.3 中文问题 为了避…

华为数通方向HCIP-DataCom H12-821题库(单选题:461-480)

第461题 以下关于路由策略特点的描述,错误的是哪一项? A、能够修改路由属性,但是不能改变网络流量经过的路径 B、能通过控制路由器的路由表规模,来节约系统资源 C、能通过控制路由的接收、发布和引入,以提高网络的安全性 D、能通过修改路由属性,对网络数据流量可以合理规…

SQL注入(SQL Injection)从注入到拖库 —— 简单的手工注入实战指南精讲

基本SQL注入步骤&#xff1a; 识别目标&#xff1a;确定目标网站或应用程序存在潜在的SQL注入漏洞。收集信息&#xff1a;通过查看页面源代码、URL参数和可能的错误信息等&#xff0c;搜集与注入有关的信息。判断注入点&#xff1a;确定可以注入的位置&#xff0c;比如输入框、…

跟着pink老师前端入门教程-day21+22

5.4 常见flex布局思路 5.5 背景线性渐变 语法&#xff1a; background: linear-gradient( 起始方向 , 颜色 1, 颜色 2, ...); background: -webkit-linear-gradient(left, red , blue); background: -webkit-linear-gradient(left top, red , blue); 背景渐变必须添加浏览…

【若依】若依框架在本地运行的操作方法,及踩坑记录

若依框架简介 若依是一个Gitee上一个开源的基于SpringBoot开发的轻量级Java快速开发框架&#xff0c;用以快速构建后台管理系统&#xff0c;点击跳转到官方地址 本机部署过程 Step1. 下载项目源码 我选择的是直接下载zip压缩包&#xff0c;解压后得到如下文件夹&#xff0c…

挑战杯 python opencv 深度学习 指纹识别算法实现

1 前言 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是 &#x1f6a9; python opencv 深度学习 指纹识别算法实现 &#x1f947;学长这里给一个题目综合评分(每项满分5分) 难度系数&#xff1a;3分工作量&#xff1a;4分创新点&#xff1a;4分 该项目较为新颖…