博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
二、如何通过URL获取其他网页源代码内容(火狐插件扩展开发教程)
阅读量:4687 次
发布时间:2019-06-09

本文共 2144 字,大约阅读时间需要 7 分钟。

为什么火狐没有一个独立的扩展开发工具啊!!!(估计有,但是我找不到……哪位大神知道的麻烦告诉我,谢谢啦)

PS:以上问题已得到解决:

不断的修改程序、压缩、修改后缀名、安装、重启……

调试一次起码要10秒钟……好坑爹……算了,吐槽完毕,开始今天的笔记……

------------------------------   我万恶的分割线  -------------------------------------

一、配置程序

这里我就不再解释火狐扩展中每个文件的作用和功能了,想了解的请移步《》

这次的扩展我实现的功能是通过新浪开放接口获取当前IP对应的地址信息,并显示在右下角的状态栏上。刚开始的配置如下:

  1. 在任意一个文件夹创建一个文件夹,命名hcip。
  2. 在hcip文件夹下面创建一个文件夹,命名chrome。
  3. 在hcip文件夹下面创建两个文件,分别为install.rdf、chrome.manifest
  4. 在chrome文件夹下面创建一个文件夹,命名为content。
  5. 在content文件夹下面创建一个文件,命名为hcip.xul。
  6. 在content文件夹下面创建一个文件,命名为hcip.js。
  7. 还是那句话,每个文件要为utf-8格式,以免有中文出错。

最后得到:

 

二、配置install.rdf文件

不多做解释啦,内容如下:

 
install.rdf

三、配置chrome.manifest文件

content hcip chrome/content/# Firefoxoverlay    chrome://browser/content/browser.xul chrome://hcip/content/hcip.xul

四、配置hcip.xul文件

五、配置hcip.js文件

var HCIP = {    startup: function()    {        this.getdz();    },        getdz: function()    {        var samplePanel = document.getElementById('hcip');        samplePanel.label = "加载中,稍等......";                var httpRequest = null;        var fullUrl = "http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js";        function infoReceived()        {            var samplePanel = document.getElementById('hcip');            eval( httpRequest.responseText );                        //获取地址信息            var dz = remote_ip_info.country + " > " + remote_ip_info.province + " > " + remote_ip_info.city;                        //显示在状态栏上面            samplePanel.label = dz;            samplePanel.tooltipText = dz;        }                httpRequest = new XMLHttpRequest();        //从新浪那边获取IP信息        httpRequest.open("GET", fullUrl, true);                //获取成功了,调用infoReceived方法        httpRequest.onload = infoReceived;        httpRequest.send(null);    }}// 初始化window.addEventListener("load", function(e) { HCIP.startup(); }, false);

六、打包程序、安装运行

  1. 返回到hcip文件夹,全选所有文件,然后压缩成ZIP格式。
  2. 修改hcip.zip的后缀名为xpi,最后得到hcip.xpi文件。
  3. 把hcip.xpi文件拖拽到火狐浏览器中,出现提示安装的界面,点击安装,然后重启火狐。
  4. 看火狐右下角的状态栏,就有地址信息了。

案例下载点后面的文件》》

 

转载于:https://www.cnblogs.com/MingZznet/articles/3210113.html

你可能感兴趣的文章
在aws ec2上使用root用户登录
查看>>
数据访问 投票习题
查看>>
CIO知识储备
查看>>
cnblog!i'm coming!
查看>>
使用点符号代替溢出的文本
查看>>
Axios 中文说明
查看>>
fatal: remote origin already exists.
查看>>
gridview 自定义value值
查看>>
2018二月实现计划成果及其三月规划
查看>>
封装springmvc处理ajax请求结果
查看>>
tyvj P2018 「Nescafé26」小猫爬山 解题报告
查看>>
类名.class和getClass()区别
查看>>
开发脚本自动部署及监控
查看>>
JavaScript--语句
查看>>
12/17面试题
查看>>
css 继承和层叠
查看>>
javascript实现图片轮播3D效果
查看>>
ssl初一组周六模拟赛【2018.3.17】
查看>>
[RxJS] Avoid mulit post requests by using shareReplay()
查看>>
C++和C#之间的数据类型对应关系
查看>>