首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

电脑眼睛保护色

: C7EDCC  淡绿色(豆沙色):#C7EDCC 保护眼睛(改变窗口颜色,网页、PDF等背景颜色)  1——XP系统下 1,右击桌面,选择属性-外观-高级 2,在项目那栏选“窗口”,再点颜色-其它,...FireFox 颜色设置: 1、打开火狐浏览器,最上面一排的菜单上,选择:工具(T)/选项(O),出来一个选项框。 2、选项框中顶部有一排图标,点一下第三个蓝色地球的图表(文字提示为“内容”)。...Chrome新扩展:Webpage Decorator支持自定义网页颜色和字体 Webpage Decorator 这个Chrome浏览器扩展提供了一些可以自定义网页颜色主题和字体的选项。...不过安装本扩展后会在Chrome浏览器的地址栏右侧增加一个按钮,也许这会导致部分网页的地址显示不全。 下载 Webpage Decorator 绿豆沙色,能有效的减轻长时间用电脑的用眼疲劳!...色调:85,饱和度:123,亮度:205; RGB颜色红:199,绿:237,蓝:204; 十六进制颜色:#C7EDCC 或 #CCE8CF 其他几种电脑窗口视力保护色: 银河白    #FFFFFF

2.7K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Vimium 快捷键笔记

    : W 向左移动标签页 : << 向右移动标签页 : >> 打开新内容 在当前的页面打开一个新的链接 : f 在新的页面打开一个新的链接 : F 在当前页打开一个书签 : b 在新的标签页打开一个书签...: B 在当前页打开 : o 相当于Chrome中的地址栏,可以匹配历史记录、收藏夹并在当前窗口打开,或者直接打开一个网址或者搜索一个关键字。...在新标签页中打开 : O 打开剪贴板中的 URL 到当前标签页 : p 打开剪贴板中的 URL 到新标签页 : P 编辑当前 URL : ge 编辑当前 URL 并在新标签页中打开 : gE 输入...输入模式 : i 如果发现命令不起作用,可能是进入输入模式了,此时按Esc回到命令模式 将焦点集中到第一个输入框 : gi (输入gNi则焦点集中到第N个输入框) 快捷复制 复制当前页URL : yy...+ Shift + Tab 或 Ctrl + PgUp 关闭当前标签页 Ctrl + w 或 Ctrl + F4 跳转到地址栏 Ctrl + l、Alt + d 或 F6 原文链接: https:/

    8310

    Chrome 高级玩法,秒变摸鱼神器

    其实 Chrome 一直有大量的新功能新特性在开发中,只是因为 Chrome 用户量太大,功能更新都非常谨慎,新功能都需要在 Chrome 实验室中进行测试,确保完善后才会默认开放。...如果你想提前尝鲜 Chrome 的新功能,可以在地址栏输入 chrome://flags/ 打开 Chrome 实验室,查看开启还在测试中的功能。今天就来推荐几个不错又稳定的新功能。...04 多线程下载 在地址栏输入:chrome://flags/#enable-parallel-downloading 多线程下载大家都不陌生了吧?...05 标签页分组 在地址栏输入:chrome://flags/#tab-groups 其实这个功能早在移动端 Chrome 浏览器上就已经出现,现在桌面版终于也有了,开启此功能后,右键标签页可以将其添加到分组中...(或直接拖动到已存在的组的标签页中),你还可以自定义分组名和颜色。

    73320

    Chrome 浏览器必知必会的小技巧

    这其中的一些小技巧在低版本中是没有的,所以建议大家用最新版的,目前最新版是62,版本很重要,如果发现有些技巧不起作用,请先查看浏览器的版本。...边栏windowMac转到源中属性值声明行Ctrl+点击属性值CMd+点击属性值在颜色定义值之间循环Shift+点击颜色选取器框Shift+点击颜色选取器框编辑下一个/上一个属性Tab、Tab+ShiftTab...5、图片自动下载好后,点击图片后面的箭头,可以在文件夹中显示 ?...拾色器 在Styles边栏 点击任意颜色的小色块,就可以弹出颜色选择器 ? ? 1、颜色选择区域。 2、吸管。 3、复制到剪贴板。将显示值复制到剪贴板。 4、显示值。...颜色的RGBA,HSLA或十六进制表示。 5、调色板。单击其中一个方块将颜色更改为该方块。 6、色相。 7、透明度。 8、显示值切换器。在当前颜色的RGBA,HSLA和Hex表示之间切换。

    1.5K80

    Chrome 高级玩法,秒变摸鱼神器

    其实 Chrome 一直有大量的新功能新特性在开发中,只是因为 Chrome 用户量太大,功能更新都非常谨慎,新功能都需要在 Chrome 实验室中进行测试,确保完善后才会默认开放。 ?...如果你想提前尝鲜 Chrome 的新功能,可以在地址栏输入 chrome://flags/ 打开 Chrome 实验室,查看开启还在测试中的功能。今天就来推荐几个不错又稳定的新功能。...04 多线程下载 在地址栏输入:chrome://flags/#enable-parallel-downloading 多线程下载大家都不陌生了吧?...05 标签页分组 在地址栏输入:chrome://flags/#tab-groups 其实这个功能早在移动端 Chrome 浏览器上就已经出现,现在桌面版终于也有了,开启此功能后,右键标签页可以将其添加到分组中...(或直接拖动到已存在的组的标签页中),你还可以自定义分组名和颜色。

    1.2K10

    Chrome 大版本更新来了,这是一次「史诗级」增强

    支持实时编辑 二维码分享是 Chrome 85 的正式功能之一,如果你升级后没有在地址栏发现二维码小图标,也可以通过启用 chrome://flags/#sharing-qr-code-generator...另外我们暂时没有发现如何在移动版 Chrome 85 上使用这个功能,如果你找到了相关入口,欢迎在评论区与大家分享。...桌面端的已打开标签页提醒 除了 64 位支持,上面提到的标签页优化也在这次更新中适当触及了移动版,此前已经在桌面端上线的标签页跳转功能这次也来到了移动版:如果你已经在其他标签页中开启了这个网页,在新标签中输入对应的...手机端现在也有了 同样的,如果你在移动端 Chrome 85 上暂时还看不到这个功能,也可以通过启用 chrome://flags/#omnibox-tab-switch-suggestions 功能标签来手动开启...简洁到几乎「一无所有」| 图:9to5Google 目前针对 URL 地址栏的「瘦身」已在计划当中,从下一版本的 Chrome 开始,当我们打开某个页面时,Chrome 的地址栏将只会显示主域名形式,只有点击地址栏时才会显示完整的网页路径

    1.5K30

    如何使用浏览器工具调试PWA

    你打开Chrome,严格按照我们的步骤走,不用在本地建立其他任何的东西。 模拟设备 首先设置Chrome开发者工具的『设备模拟』。这样你就可以在浏览器中模拟一个设备了。...主题颜色:指示你网站的主题。Chrome使用这个主题颜色来着色浏览器的一些UI部分,比如地址栏。...上图为使用主题颜色选项来改变浏览器UI颜色的例子 背景颜色:在清单中指定Web应用程序的背景颜色,这使得浏览器在CSS不可用之前的加载过程可以展示背景颜色。这为用户带来更好的体验。...在桌面Chrome上,它会触发浏览器将应用添加到货架(shelf)。 在移动设备上,它提示安装应用程序(将图标添加到主屏幕): ?...Google还提供Lighthouse作为其浏览器工具的一部分,可以在Chrome DevTools中单独安装。

    3.7K40

    HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用

    2、使用以下代码强制 IE 使用 Chrome Frame 渲染(需要安装有Google Chrome...通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。 在网页中指定的模式优先权高于服务器中(通过HTTP Header)所指定的模式。...注意事项: 1、根据官网定义X-UA-compatible 标头不区分大小写;不过,它必须显示在网页中除 title 元素和其他 meta 元素以外的所有其他元素之前。如果不是的话,它不起作用。...2、content的内容是IE=8,或者IE=edge等值,注意不是IE8或者直接写个edge的值,否则不起作用 浏览器模式(BROWSER MODE):于切换IE针对该网页的默认文档模式、对不同版本浏览器的条件备注解析...用户可以通过单击地址栏旁边的兼容性视图按钮来手动切换到不同的浏览器模式。 在IE8中,IE8兼容性视图会以IE7文档模式来显示网页,同时会向服务器发送IE7的用户代理字符串。

    1.6K20

    你真的知道如何正确清除 DNS 缓存吗?( 附全平台详细教程 )

    Windows 10 和 Windows 8 要在 Windows 10 和 Windows 8 中清除 DNS 缓存,请执行以下步骤: 在 Windows 搜索栏中键入 cmd 。...MacOS 上清除/刷新 DNS 缓存 根据你所运行的版本,在 MacOS 中刷新缓存的命令略有不同。...在命令行中,输入以下行,然后按回车: $ sudo killall -HUP mDNSResponder 输入你的 sudo 密码,然后再次按回车。成功后,系统不会返回任何消息。...谷歌浏览器 Chrome 要清除 Google Chrome 的 DNS 缓存,请执行以下步骤: 打开一个新标签,然后在地址栏输入 chrome://net-internals/#dnsChrome。...如果这对你不起作用,请尝试以下方法并暂时禁用 DNS 缓存。 打开一个新标签,然后在 Firefox 的地址栏中输入 about:config 。

    46.3K20

    自动化-Appium-​第一个Demo-Web(Python版)

    :5555的模拟器里,打开要操作的浏览器,本章示例为Android默认的浏览器,之后打开百度首页,此时在PC的Chrome浏览器中可以看到百度首页的访问链接,如图所示,模拟器里的默认浏览器版本号为44.0.2403.119...脚本执行步骤: (1)打开真机里的Chrome浏览器,打开百度首页 (2)搜索框输入Appium (3)点击百度一下 (4)关闭真机里的Chrome浏览器 3、在执行测试脚本过程中,多多少少会遇到一些报错...的真机里,打开要操作的Chrome浏览器,本章示例为已经在真机安装完成的Chrome浏览器,之后打开百度首页,此时在PC的Chrome浏览器中可以看到百度首页的访问链接,如图所示,真机里的Chrome浏览器版本号为...-f chrome-devtools://devtools/bundled/inspector.html Mac上打开Chrome浏览器,在地址栏输入http://localhost:9221/,这里会显示所有已连接的设备清单...-f chrome-devtools://devtools/bundled/inspector.html Mac上打开Chrome浏览器,在地址栏输入http://localhost:9221/,这里会显示所有已连接的设备清单

    2.5K10

    chrome使用技巧(看了定不让你失望,不错)

    回到顶部 在源代码中搜索 大家都知道如果在要在Elements查看源码,只要定位到Elements面板,然后按ctrl+f就可以了 ? 可是如果你希望在源代码中搜索要怎么办呢?...回到顶部 在源代码中快速跳转到指定的行 大家都知道在VS里,一个cs文件可能特别多行,然后我们就是使用ctrl+g快捷键来跳转到特定的行,事实上在chrome控制台也是一样的,在Sources标签中打开一个文件之后...想想就知道为什么那么多人喜欢用chrome浏览器。 ? 回到顶部 设备传感仿真 设备模式的另一个很酷的功能是模拟移动设备的传感器,例如触摸屏幕和加速计。你甚至可以恶搞你的地理位置。...回到顶部 改变颜色格式 相信前端开发人员都知道,颜色有很多种表示方式,比如rgb,hsl,十六进制表示方法等。看了下面的这个图,我相信你肯定会佩服chrome的功能强大,连细节都做得那么好。...在颜色预览功能使用快捷键Shift + Click,可以在rgba、hsl和hexadecimal来回切换颜色的格式 ?

    94110

    前端开发必备之Chrome开发者工具(上篇)

    Chrome 中的Web开发和调试工具,可用来对网站进行迭代、调试和分析 打开 Chrome 开发者工具的方式有: 在Chrome菜单中选择 更多工具 > 开发者工具 在页面元素上右键点击,选择 “检查...使用 Color Picker 修改颜色 要打开 Color Picker,请在 Styles 窗格中查找一个定义颜色的 CSS 声明(例如 color: blue)。...通过鼠标悬停到某种颜色上去获取颜色值。 当前颜色。 当前值的可视表示。 当前值。 当前颜色的十六进制、RGBA 或 HSL 表示。 调色板。 当前生成的几组颜色。 着色和阴影选择器。 色调选择器。...颜色值选择器。 点击可以在 RGBA、HSL 和十六进制之间切换。 调色板选择器。 点击可以选择不同的模板。 编辑 DOM Elements 面板中的 DOM 树视图可以显示当前网页的 DOM 结构。...移除或移动子元素时将触发子树修改断点。

    8.3K111

    自动化-Appium-第一个Demo-Web(Java版)

    :5555的模拟器里,打开要操作的浏览器,本章示例为Android默认的浏览器,之后打开百度首页,此时在PC的Chrome浏览器中可以看到百度首页的访问链接,如图所示,模拟器里的默认浏览器版本号为44.0.2403.119...脚本执行步骤: (1)打开真机里的Chrome浏览器,打开百度首页 (2)搜索框输入Appium (3)点击百度一下 (4)关闭真机里的Chrome浏览器 3、在执行测试脚本过程中,多多少少会遇到一些报错...的真机里,打开要操作的Chrome浏览器,本章示例为已经在真机安装完成的Chrome浏览器,之后打开百度首页,此时在PC的Chrome浏览器中可以看到百度首页的访问链接,如图所示,真机里的Chrome浏览器版本号为...-f chrome-devtools://devtools/bundled/inspector.html Mac上打开Chrome浏览器,在地址栏输入http://localhost:9221/,这里会显示所有已连接的设备清单...-f chrome-devtools://devtools/bundled/inspector.html Mac上打开Chrome浏览器,在地址栏输入http://localhost:9221/,这里会显示所有已连接的设备清单

    2.2K10

    移动端常见问题解决方案

    important; } /*火狐*/ input[type="number"] { -moz-appearance: textfield; } 二、功能代码片段 禁止文本缩放 当移动设备横竖屏切换时...文本的大小会重新计算,进行相应的缩放,当我们不需要这种情况时,可以选择禁止: html { -webkit-text-size-adjust: 100%; } 禁止选中内容 如果你不想用户可以选中页面中的内容...不对网站进行缓存 多核浏览器,优先使用最新版本的IE 和 Chrome 内核 添加到主屏幕时隐藏地址栏和状态栏(即全屏) 当我们将一个网页添加到主屏幕时,会更希望它能有像 App 一样的表现,没有地址栏和状态栏全屏显示...,代码如下: 该方案在 iOS 和 Android5.0+ 上都通用。...添加到主屏幕时设置系统顶栏颜色 当我们将一个网页添加到主屏幕时,还可以对系统显示手机信号、时间、电池的顶部状态栏 颜色进行设置,前提是开启了: 有了这个前提,你可以通过下面的方式来进行定义: content

    1.2K10

    前端必须知道的开发调试知识 - 笔记

    Bug 与 Debug:Bug 的产生、前端 Debug 特点 Chrome 的 DevTools 移动端 H5 调试:真机调试、代理工具调试 开发调试技巧 # 前端必须知道的开发调试知识...Console 相关方法: console.log console.warn console.error console.debug console.info 小技巧:不同类型的数据从 console 中打印出的颜色也不相同...Safari Developer Tools 中调试 Tips:没有 iPhone 设备可以在 Mac AppStore 安装 Xcode 使用其内置的 ios 模拟器 # Android...并允许调试 电脑打开 Chrome 浏览器,在地址栏输入: chrome://inspect/#devices 并勾选 Discover USB devices 选项 手机允许远程调试,并访问调试页面...的 DevTools Source->override:通过开启此功能,可以使得在 DevTools 中的所有更改(DOM、CSS、JS)持久化,并可以查看与原文件的差异(类似 git) CORS (

    1.1K20

    谷歌“名猿”Addy Osmani在几天前贴出的一段代码

    在下面的内容中,我们将一起一步一步学习如何理解上面的这段代码。 选择页面中所有的元素 我们需要做的第一件事情是获取页面中所有的元素,在上面的代码中,Addy使用了一个Chrome浏览器中特有的函数 。...outline属性位于CSS盒模型之外,因此它并不影响元素的属性或者元素在布局中的位置,这对于我们来说非常有用。...在JavaScript中,比特操作符并不是经常被使用,因此这里可能会让很多程序员感到很疑惑。...我们想达到的目的是活的一个十六进制格式的颜色例如白色对应的是FFFFFF,蓝色对应的是0000FF,或者随便一个颜色37f9ac。虽然我们人类喜欢十进制,但是我们的代码常常会需要十六进制的东西。...此时我们只需要使用toString(16)将它转化为十六进制数即可。 总结 现在,你已经完全理解了前面的这一行代码中的各个部分。

    1.5K20
    领券