tabbox是多页签的容器
tabs中的tab是用来表示页签的头部
tabpanels下的tabpannel是页签的内容
tabs中元素顺序与tabpannel元素顺序对应
引入网页在tabpanel中使用browser也可以使用iframe
<tabbox id="tab_list" flex="1" >
<tabs>
<tab label="javaeye"/>
<tab label="网易" />
</tabs>
<tabpanels class="tps" flex="1">
<tabpanel>
<browser id="page_content" type="content" flex="1" src="http://www.iteye.com" />
</tabpanel>
<tabpanel>
<browser id="page_content" type="content" flex="1" src="http://www.163.com" />
</tabpanel>
</tabpanels>
</tabbox>
上面代码中flex属性,非常重要,如果没有这个属性显示会有很大问题
官网对flex的解释:
flex
Type: string (representing an integer)
Indicates the flexibility of the element, which indicates how an element's container distributes remaining empty space among its children. Flexible elements grow and shrink to fit their given space. Elements with larger flex values will be made larger than elements with lower flex values, at the ratio determined by the two elements. The actual value is not relevant unless there are other flexible elements within the same container. Once the default sizes of elements in a box are calculated, the remaining space in the box is divided among the flexible elements, according to their flex ratios. Specifying a flex value of 0 has the same effect as leaving the flex attribute out entirely.
效果如附件所示
- 大小: 80.7 KB
分享到:
相关推荐
Mozilla和Firefox扩展开发是Web开发领域的一个重要分支,它允许开发者为火狐浏览器定制功能,增强用户体验或提供特定服务。本文将深入探讨Mozilla扩展的基本概念、开发环境搭建、API使用以及实战示例。 一、Mozilla...
3. `jpm`:这是一个基于npm的工具,简化了Firefox插件的创建和发布流程,不过在较新的Firefox版本中,它已被WebExtensions API取代。 接下来,让我们了解一下XUL。XUL是一种XML方言,用于创建跨平台的用户界面。它...
《Firefox扩展编程手册》是一本深入探讨Firefox浏览器扩展开发的专业教程,主要面向对Web技术和Firefox扩展感兴趣的开发者。这本书英文版提供了全面的指南,涵盖了从环境搭建到扩展分发的整个流程,帮助开发者们掌握...
Firefox扩展开发是一个面向开发者的技术,它允许用户自定义和增强Firefox浏览器的功能。本文将深入探讨Firefox扩展开发的各个方面,从基础结构到核心组件,帮助开发者理解如何构建自己的Firefox扩展。 首先,一个...
- 使用`-no-remote -P develop`参数启动Firefox,这样可以创建一个独立的开发实例,不影响主浏览器的正常使用。 - 在Windows系统中,可以通过修改Firefox快捷方式的属性,将参数添加到目标路径中。 - 调整Firefox...
这意味着开发者不仅可以在Firefox中创建复杂的扩展功能,还可以利用XUL来开发桌面应用程序,极大地拓展了XUL的使用范围和可能性。 #### 三、XUL开发基础 ##### 1. 扩展的基本结构 XUL扩展通常被打包成一个`.xpi`...
- 从Gecko 1.9.2版本开始,即Firefox 3.6,可以在扩展的基础目录下放置一个名为`icon.png`的图标文件。这使得即使扩展不可用或图标URL丢失,也能显示一个默认图标。 #### 三、创建安装清单文件(Install Manifest...
2. **install.rdf**:这是一个XML文件,包含了扩展的元数据,如扩展的名称、版本、描述、作者信息以及兼容的Firefox版本。这个文件是安装过程中Firefox用来识别和验证扩展的重要信息。例如,`<em:id>`标签是扩展的...
在 `firefox.doc` 文件中,可能包含了详细的步骤指南、代码示例或实际开发案例,帮助理解如何从头开始创建一个简单的 Firefox 扩展,例如添加书签、改变页面样式或拦截网页请求等。 **五、进阶学习与资源** 1. **...
XUL(XML User Interface Language)是一种基于XML的语言,主要用于构建跨平台的图形用户界面,尤其在Mozilla Firefox等浏览器的扩展开发中广泛应用。XUL文档的结构和HTML类似,但提供了更丰富的组件和定制性。以下...
HTML5引入了一系列新的多媒体元素和API,如`<audio>`和`<video>`标签,使得开发者可以直接在网页中嵌入音频和视频内容,而无需依赖Flash或其他插件。此外,Web Audio API允许精细控制音频处理,而WebGL则提供了在...
标题 "Firefox XPI" 指的是 Firefox 扩展(Extension)的安装包格式,它是一种基于 ZIP 压缩的文件系统,用于分发和安装 Firefox 浏览器的插件。XPI 是 "XML-based Package Installer" 的缩写,这种格式允许开发者将...
XUL(XML User Interface Language)是一种专门用于构建Firefox扩展用户界面的标记语言。它允许开发者使用XML来定义界面元素,并使用CSS来美化界面。 XUL中包含了许多预定义的界面组件,如: - **菜单**:用于组织...
- **使用Add-ons Manager进行管理**:Firefox提供了一个内置的扩展管理工具——Add-ons Manager,用户可以通过它来安装、卸载和管理已安装的扩展。 - **开发环境便利**:为了便于开发者编写和测试扩展程序,Firefox...
在使用火狐浏览器(Firefox)时,用户可能会遇到一个常见的问题,即尝试安装扩展或插件,但系统显示“此附加组件无法安装,因为它未经验证”的警告。这通常是由于火狐的安全策略,它旨在保护用户免受恶意软件和不...
Firefox的主界面和扩展界面均由XUL文件描述,因此在运行和使用过程中,XULRunner起到关键作用。 **1.4 XPCOM** XPCOM(Cross Platform Component Object Model)是一种跨平台组件对象模型,类似于微软的COM,但提供...
2. **插件安装与管理**:如何在Firefox浏览器中安装、启用、禁用和卸载扩展,以及通过Firefox的Add-ons Manager进行管理。 3. **开发环境设置**:建立本地开发环境,使用Firefox Developer Edition,安装Firefox ...
Firefox 扩展的目录结构决定了其功能实现的基本框架,以下是一个典型的目录结构示例: - `chrome.manifest`:此文件用于定义整个扩展的目录结构。 - `install.rdf`:定义扩展的ID、名称等基本信息。 - `chrome/` -...
总结,"firefox-50.0b11.win64.sdk"不仅是Firefox的一个历史版本,更是一个开发者探索和利用Firefox功能的宝贵工具。通过深入理解Firefox SDK,开发者可以创造出满足个性化需求的Firefox扩展,进一步丰富和扩展Fire...
6. **标签浏览**:Firefox 2继续发扬了多标签浏览的优势,用户可以在同一个窗口内轻松切换多个网页,同时增加了关闭所有其他标签的功能。 7. **搜索栏集成**:除了内置的搜索引擎,Firefox 2还允许用户自定义添加更...