`

Chromium界面(UI)

 
阅读更多

Chromium的界面相当简洁,这是她的设计理念。大体上可以把界面分成两个主要部分:网页内容和外边的修饰控件(例如,tab管理,工具栏,设置按钮等)。

整个chromium浏览器是个顶层窗口。每个tab都对应一个顶层窗口的子窗口,每个网页内容都会绘制在一个子窗口中。当然这个是现有的窗口结构,但在新的views框架中,窗口将会被移除,详细的后面有专门介绍。 Chromium界面另一个主要的控件是设置按钮,里面包含了所有有关chromium属性设置的部分。值得一提的是,里面有很多设置界面都是由HTML来撰写的,而不是传统的语言,例如c/c++。这很大程度上得益于chromium的扩展机制及其提供的API,这会在扩展章节详细介绍。

大家可能会觉得chromium界面简洁,用户或者能看到的浏览器信息有限,其实不然。尝试在地址栏里输入chrome://chrome-urls/,你会看到很多的chrome地址。这些地址提供给用户或者开发者关于浏览器的丰富的信息,可以说是包罗万象,你能想象的信息基本都能从这里看到。这些信息其实非常的有用,特别对于理解chromium的内部机制非常有帮助,很多细节我们会在后面的章节中逐一揭露。

下面节选自chrome://chrome-urls/的输出:

List of Chrome URLs

  • chrome://appcache-internals
  • chrome://blob-internals
  • chrome://bookmarks
  • chrome://cache
  • chrome://chrome-urls
  • chrome://crashes
  • chrome://credits
  • chrome://dns
  • chrome://downloads
  • chrome://extensions
  • chrome://flags
  • chrome://flash
  • ... ...
分享到:
评论

相关推荐

    chromium新增内置页面代码

    chromium新增内置页面代码,chromium源码中添加一...而是直接显示指定的UI界面.本文模仿历史页面以及书签页面添加新的指定义的内置页面(chrome://arv-manager) chromium新增webui代码实例 chromium新增内置页面代码

    chrome的UI库

    chrome浏览器分拆出来的UI源码,便于学习chromeUI(directUI)思想,方便做出各种自定义界面效果。

    E2EE+CEF+VUE前端框架打造WEBUI界面-易语言

    GIF动态预览图: 开发环境: E2EE支持库 (已集成) CEF框架(已集成) ... (已集成) NodeJS (已集成) WebPack (已集成) ...易语言 (已集成) ...界面UI部分是由前端VUE框架构建 如有会这方面的人,可以自行扩展

    Chromium-EyeProtect:[已停产]保护您的眼睛免受Google重大灾难2的侵害

    该分叉旨在将“刷新用户界面”回滚到旧版用户界面,我认为它很好并且很有成效。 我知道每个人对于UI的精美性都有自己的看法,因此,如果您喜欢这个项目,我想为您提供这些补丁或什至是预先构建的二进制文件,以...

    Node.js-采用HTML和JavaScript技术编写桌面应用NW.js是一个应用程序运行时基于Chromium和node.js。

    采用HTML和JavaScript技术编写桌面应用,NW.js是一个应用程序运行时基于Chromium和node.js。

    Soundcraft UI Midi Control-crx插件

    添加键更改选择通道的音量级别,以点击速度,等谷歌Chrome / Chromium浏览器扩展允许您配置MIDI控制器以使用Soundcraft数字调音台混频器Web轮询的元素。可能的卷,静音,独奏在频道的Web界面的主屏幕上选择,以及...

    EO.WebBrowser(v23.4.26)

    去除烦人提示框的清洁版本,你懂得。 基于Chromium的.net浏览器引擎 EO.WebBrowser最新版本(v23.4.26)免安装dll.C# 直接引用版本。...广泛的自定义选项的UI,资源加载器和JavaScript界面; 完全独立,零外部依赖;

    Cemu-UI:Wii U模拟器Cemu的用户界面

    塞木在C#和Chromium嵌入式框架(CEF)之上以HTML,CSS和JavaScript为Cemu构建的用户界面。 由Orion( )和。发展历程最后播放播放时间本地设置文件设定页面收藏夹搜索按名称/地区/等排序获取Cemu版本控制器支持超级...

    Chrome 19 Dev

    修复 UI 界面中的气泡淡出时的视觉效果 修复重新绘制时极少见的崩溃现象 修复在装备了 NVIDIA Optimus 显卡的电脑上的 3D 加速问题 使用 Google 提供的拼写检查和建议 Linux: 使用 Google 提供的拼写检查和...

    elm-chorus:用Elm编写的KodiXBMC的Web界面

    Colors.elm用户界面的调色板Components -所有ui元素 对话框 框架 标头 左侧边栏 右侧栏 播放器行 垂直导航 视频 Helper.elm Main.elm Method.elm Pages -包含所有elm-spa页面Request.elm部分包装,由于不完整,暂时...

    Muppeteer:Chrome的视觉回归测试框架

    Muppeteer是一个视觉回归测试框架,用于在Chromium中运行UI测试。 它使用了许多模块: 测试运行器框架 一个断言库 用于与Chromium和网页进行交互的库 -具有便捷功能的Puppeteer扩展库 像素级图像比较库 此外,它还...

    2023全新开源网址导航系统源码

    去授权2023全新TwoNav开源网址导航源码,一款开源的书签导航管理程序,界面简洁,安装简单,使用方便,基础功能免费。TwoNav可帮助你将浏览器书签集中式管理,解决跨设备、跨平台、跨浏览器之间同步和访问困难问题,...

    devtools-frontend:Chrome DevTools用户界面

    Chrome DevTools前端 Chrome DevTools的客户端,包括用于运行DevTools网络应用程序的所有JS和CSS。 源代码 前端可在。 设计准则 请注意,DevTools遵循其他。 ...每次Chromium提交,它都会增加,但

    Opera欧朋浏览器 v60.0.3255.170.zip

    Opera 内核升级到最新的Chromium/Blink 34,Windows版本通过部署谷歌新的UI框架来增强Opera用户界面,Opera针对中文用户进行了很多优化,而今后欧朋将会陆续针对中国大陆用户推出更多定制化的功能和创新。...

    crx-YourSports-Stream:网站用户脚本

    没有用户界面(UI) 该扩展程序在后台静默运行 删除除包含嵌入式视频播放器的iframe之外的所有页面内容 大大减少CPU负载 安装后,会将图标添加到“ Chrome工具栏” 扩展程序无法阻止这种情况的发生 要隐藏(但)...

    HTML5移动开发指南

    由于界面层很复杂,已预订了一个UI工具包去使用。 纯HTML5手机应用运行缓慢并错漏百出,但优化后的效果会好转。尽管不是很多人愿意去做这样的优化,但依然可以去尝试。 HTML5手机应用的最大优势就是可以在网页上直接...

    Chrome插件Automa(v0.17.4).crx离线安装包,目前支持中文显示。

    Automa它定位是一款 Chrome 插件,也就意味着,它的使用载体需要借助Chrome浏览器...利用它,你可以将一些重复性的任务实现自动化、并且它可以进行界面截图、抓取网站数据、你还可以自定义时间何时去执行自动化任务等。

    yunohost-admin:YunoHost的Web管理界面

    YunoHost管理员管理Web界面(API的JS客户端)。 该客户端是YunoHost项目的一部分,不能直接安装。 请访问YunoHost网站以获取。错误追踪器请在上报告问题。翻译贡献随时改进插件并发送请求请求。 为了做出贡献,您将...

    SpaceSurfer:基于 PyQt 的跨平台 Web 浏览器

    以下是我对他们的用户界面的问题: 真他妈的混乱书签和访问书签是一个痛苦的屁股我怀疑通过一些自定义,我可以根据自己的喜好调整 UI,但别搞砸了。 我宁愿制作自己的浏览器。 过度拥挤的用户界面光是想想就觉得很...

    BrewCtrl:自动冲煮糖浆控制软件

    信息亭-与上述相同,但也可以在加载了UI的情况下直接引导到Chromium全屏模式。 上面的内容与默认的Raspbian图像非常相似。 有关安装说明,请参阅: 在台式机上进行开发 npm install npm start export GOPATH=$PWD/...

Global site tag (gtag.js) - Google Analytics