欢迎大家赞助一杯啤酒🍺 我们准备了下酒菜：Formal mathematics/Isabelle/ML, Formal verification/Coq/ACL2, C++/F#/Lisp
Opera/extensions/hello
来自开放百科 - 灰狐
（版本间的差异）
| （未显示1个用户的1个中间版本） | |||
| 第66行： | 第66行： | ||
7、使用扩展，看浏览器的右上角 | 7、使用扩展，看浏览器的右上角 | ||
| + | |||
| + | 8、体验 | ||
| + | |||
| + | 你现在就可以体验下，点击以下地址：http://demo.huihoo.com/opera/HelloExtension.oex | ||
<gallery widths=100px heights=100px perrow=6> | <gallery widths=100px heights=100px perrow=6> | ||
| 第75行： | 第79行： | ||
[[Category:Opera]] | [[Category:Opera]] | ||
| + | [[Category:Extensions]] | ||
2010年10月29日 (五) 01:04的最后版本
创建你的第一个Opera Extension, Opera 11 开始支持扩展机制。
1、创建config.xml文件
<?xml version="1.0" encoding="utf-8"?> <widget xmlns="http://www.w3.org/ns/widgets"> <name>Hello extensions!</name> <description>A simple hello world example</description> <author href="http://huihoo.com" email="[email protected]">Allen Long</author> <icon src="hello.png"/> </widget>
2、创建extension图标，64×64大小，hello.png
3、加入按钮到Opera工具栏，创建index.html文件，创建18×18图标，hello-button.png
<!doctype html>
<html lang="en">
<head>
<script>
window.addEventListener("load", function(){
var theButton;
var ToolbarUIItemProperties = {
title: "Hello World",
icon: "hello-button.png",
popup: {
href: "popup.html",
width: 110,
height: 30
}
}
theButton = opera.contexts.toolbar.createItem(ToolbarUIItemProperties);
opera.contexts.toolbar.addItem(theButton);
}, false);
</script>
</head>
<body>
</body>
</html>
4、创建显示内容，创建popup.html文件
<!doctype html>
<html lang="en">
<head>
<title>Hello World!</title>
<style>
h1 {
font: 14px helvetica, arial, sans-serif;
text-align: center;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
5、打包扩展
将所有文件打包成HelloExtension.zip 并重命名为 HelloExtension.oex
6、安装扩展
file://localhost/C:/extensions/HelloExtension.oex 或 http://192.168.1.100/HelloExtension.oex
7、使用扩展，看浏览器的右上角
8、体验
你现在就可以体验下，点击以下地址：http://demo.huihoo.com/opera/HelloExtension.oex
安装扩展
使用扩展
<discussion>characters_max=300</discussion>
分享您的观点
