二、如何通过URL获取其他网页源代码内容(火狐插件扩展开发教程)

简介:

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

PS:以上问题已得到解决:http://www.cnblogs.com/huangcong/p/3155836.html

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

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

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

一、配置程序

这里我就不再解释火狐扩展中每个文件的作用和功能了,想了解的请移步《黄聪:一、如何创建一个状态栏扩展(火狐插件扩展开发教程)

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

  1. 在任意一个文件夹创建一个文件夹,命名hcip
  2. 在hcip文件夹下面创建一个文件夹,命名chrome
  3. 在hcip文件夹下面创建两个文件,分别为install.rdfchrome.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/

# Firefox
overlay    chrome://browser/content/browser.xul chrome://hcip/content/hcip.xul

四、配置hcip.xul文件

复制代码
<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE overlay >
<overlay id="stockwatcher-overlay"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<!-- 引用我自己写的js文件,用来实现远程获取IP信息的功能 -->
<script type="application/x-javascript"
  src="chrome://hcip/content/hcip.js"/>

<!-- Firefox -->
<statusbar id="status-bar">
    <statusbarpanel id="hcip"
        label="点我获取地址"
        tooltiptext=""
        onclick="HCIP.getdz()"
    />
</statusbar>

</overlay>
复制代码

五、配置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. 看火狐右下角的状态栏,就有地址信息了。

案例下载点后面的文件》》firefox-hcip.zip




本文转自黄聪博客园博客,原文链接:http://www.cnblogs.com/huangcong/archive/2013/06/09/3129833.html,如需转载请自行联系原作者

相关文章
|
4月前
Copy网页中F12里的请求url到postman,并且把所有参数都带过来
Copy网页中F12里的请求url到postman,并且把所有参数都带过来
78 0
|
12月前
|
Web App开发 前端开发 JavaScript
SAP UI5 应用开发教程之八十七 - 如何让 SAP UI5 Mock 服务器支持自定义 url 参数试读版
SAP UI5 应用开发教程之八十七 - 如何让 SAP UI5 Mock 服务器支持自定义 url 参数试读版
|
12月前
|
移动开发 小程序
小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面
小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面
436 0
|
8天前
|
网络协议 前端开发 JavaScript
浏览器加载网页的幕后之旅:从URL到页面展示详解
【8月更文挑战第31天】当在浏览器地址栏输入URL并回车后,一系列复杂过程随即启动,包括DNS解析、TCP连接建立、HTTP请求发送、服务器请求处理及响应返回,最后是浏览器页面渲染。这一流程涉及网络通信、服务器处理和客户端渲染等多个环节。通过示例代码,本文详细解释了每个步骤,帮助读者深入理解Web应用程序的工作机制,从而在开发过程中作出更优决策。
20 5
|
2月前
|
Web App开发 前端开发 JavaScript
Chrome插件实现问题之用户在浏览器中输入URL后,浏览器进程会进行什么操作
Chrome插件实现问题之用户在浏览器中输入URL后,浏览器进程会进行什么操作
|
2月前
|
缓存 安全 Web App开发
Chrome插件实现问题之网络进程接收到URL请求后会如何解决
Chrome插件实现问题之网络进程接收到URL请求后会如何解决
|
3月前
|
Java 机器人 API
JAVA实现自动打开URL对应的网页并保存为图片-不借助第三方API
JAVA实现自动打开URL对应的网页并保存为图片-不借助第三方API
38 9
|
2月前
|
算法
「AIGC」readLink实现url识别pdf、网页标题和内容
AIGC算法实现服务,通过Express接收URL,识别内容类型:HTML使用Cheerio解析,PDF用`pdf-parse`。自定义函数提取标题和内容。示例代码展示了如何处理HTTP响应,提取HTML的`&lt;title&gt;`及PDF文本,并提供错误处理。服务器运行在端口3000。
24 0
|
4月前
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数(多用于通过浏览器地址参数保存用户当前操作状态的需求),实现监听url路由切换、状态变化。
|
4月前
|
安全 Java 应用服务中间件
当遇到非法 URL 参数时,如何保障网页正常打开
访问如`http://example.com?a@b=1`的链接出现400 Bad Request错误,这是因为Tomcat不允许请求目标中含有非法字符。Spring Boot 2可通过配置`server.tomcat.relaxed-query-chars`来允许特殊字符,但这样做可能引入安全风险。因此,建议在Nginx层使用`rewrite_by_lua_block`和`ngx.redirect`进行重定向,将非法字符替换为合法形式,如`http://example.com?ab=1`,同时记录日志以监控。此方案能避免直接修改后端代码,提高安全性。
186 0
下一篇
DDNS