`
osacar
  • 浏览: 212405 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Firebug报错:已阻止交叉源请求:同源策略不允许读取XXX上的远程资源。可以将资源移动到相同的域名上或者启用 CORS 来解决这个问题

    博客分类:
  • WEB
 
阅读更多
1. 如果可以使用get请求的话,可以使用jsonp。十分简单的方法。

2. 如果要使用post请求域名不相同的资源的话,可以用cors跨域。

以下两项缺一不可:
1) 在被请求的项目根目录(root下)下放以下文件
crossdomain.xml
    <?xml version="1.0"?>  
    <!DOCTYPE cross-domain-policy SYSTEM "./cross-domain-policy.dtd">  
    <cross-domain-policy> <site-control permitted-cross-domain-policies="all" />  
        <allow-access-from domain="*" />  
        <allow-http-request-headers-from domain="*" headers="*"/>  
    </cross-domain-policy>  


cross-domain-policy.dtd

    <?xml version="1.0" encoding="ISO-8859-1"?>  
    <!-- Adobe DTD for cross-domain policy files -->  
    <!-- Copyright (c) 2008-2009, Adobe Systems Inc. -->  
      
    <!ELEMENT cross-domain-policy (site-control?,allow-access-from*,allow-http-request-headers-from*,allow-access-from-identity*)>  
      
    <!ELEMENT site-control EMPTY>  
    <!ATTLIST site-control permitted-cross-domain-policies (all|by-content-type|by-ftp-filename|master-only|none) #REQUIRED>  
      
    <!ELEMENT allow-access-from EMPTY>  
    <!ATTLIST allow-access-from domain CDATA #REQUIRED>  
    <!ATTLIST allow-access-from to-ports CDATA #IMPLIED>  
    <!ATTLIST allow-access-from secure (true|false) "true">  
      
    <!ELEMENT allow-http-request-headers-from EMPTY>  
    <!ATTLIST allow-http-request-headers-from domain CDATA #REQUIRED>  
    <!ATTLIST allow-http-request-headers-from headers CDATA #REQUIRED>  
    <!ATTLIST allow-http-request-headers-from secure (true|false) "true">  
      
    <!ELEMENT allow-access-from-identity (signatory)>  
      
    <!ELEMENT signatory (certificate)>  
      
    <!ELEMENT certificate EMPTY>  
    <!ATTLIST certificate fingerprint CDATA #REQUIRED>  
    <!ATTLIST certificate fingerprint-algorithm CDATA #REQUIRED>  
      
    <!-- End of file. -->  


测试从http://domain.com/crossdomain.xml可访问到这两个xml。

2.)被请求的目标在返回时需加Responseheader  Access-Control-Allow-Origin
不推荐
header("Access-Control-Allow-Origin: *");  


推荐
header('Access-Control-Allow-Origin:http://a.abc.com');


后面的*可以是请求方的域名。

再次尝试,firebug控制台不会报错了~
分享到:
评论

相关推荐

    Firebug 1.5: Editing, Debugging, and Monitoring Web Pages

    - **缓存策略调试**:利用Firebug可以检查资源的缓存状态,帮助开发者优化缓存策略,提高网页加载速度。 #### 三、总结 《Firebug 1.5: Editing, Debugging, and Monitoring Web Pages》是一本全面介绍如何使用...

    firebug1.12-firebug1.11-firebug1.10-firebug1.9-firebug1.8-firebug1.7

    然而,需要注意的是,随着Firefox浏览器内置的开发者工具日益成熟,Firebug项目在2016年宣布停止更新,其功能已被集成到Firefox的内置工具中。尽管如此,了解Firebug的历史对于理解Web开发工具的演进历程仍然非常有...

    firefox_firebug

    标题“firefox_firebug”指的是Firefox浏览器与Firebug插件的组合使用。Firebug是一款历史悠久且功能强大的网页开发者工具,它最初是为Firefox浏览器设计的,允许用户对网页的HTML、CSS、JavaScript等进行实时编辑、...

    firebug源代码

    通过研究`firebug-master`,开发者可以学习到如何构建一个复杂的浏览器扩展,理解前端调试工具的设计思路,以及如何处理大量的DOM操作、事件监听、网络请求监控等问题。此外,源码中还可能包含一些优化技巧,如异步...

    fixfox经典插件firebug源码

    2. **CSS调试与分析**:在Firebug中,开发者可以查看和修改网页的样式,了解每个规则是如何应用到特定元素上的。源码会展示如何解析CSS并将其与DOM关联,帮助我们理解CSS优先级和作用域。 3. **JavaScript调试**:...

    最新版fireBug插件

    2. **断点调试**:在源代码中设置断点,当执行到这些位置时,浏览器会暂停,允许你逐行执行代码,检查变量值的变化,从而找出问题所在。 3. **控制台输出**:FireBug的控制台面板可以显示JavaScript的运行日志,...

    httpwatch与firebug.

    综上所述,HTTPWatch和Firebug是Web开发者不可或缺的工具,它们提供的功能对于优化网页性能、调试代码和提升用户体验有着显著的作用。随着技术的发展,虽然原生开发者工具逐渐取代了这些独立插件,但理解它们的工作...

    Firebug各大版本

    本压缩包包含了Firebug的多个版本,让你可以在不同环境中进行测试或回溯到特定版本以解决兼容性问题。 1. **Firebug的历史版本**: Firebug的发展历程见证了Web开发工具的演变。自2006年首次发布以来,Firebug经历...

    firebug及其安装方法

    Firebug是一款强大的Web开发工具,尤其对于前端开发者来说,它是一个不可或缺的利器。这款插件在Firefox浏览器上运行,提供了一整套功能,包括HTML、CSS、JavaScript的实时编辑、调试和性能分析。下面我们将详细介绍...

    firefox,firebug安装包

    Linux和Mac用户则需要解压`.tar.bz2`文件并将火狐浏览器移动到相应目录,然后创建快捷方式启动。 2. **Firebug插件**:Firebug是Firefox的一个扩展,可以用来调试HTML、CSS、JavaScript等。在Firefox中,可以通过...

    firebug 35

    "西西软件园.txt"可能包含了关于Firebug的介绍或者安装教程,而两个".url"文件则可能是指向西西软件园的相关网页链接,用于获取更多关于Firebug的信息或者下载最新版本。 总的来说,Firebug 35是一个针对Firefox 35...

    firebug2.0.7

    6. **命令行**:Firebug的命令行提供了一个交互式的JavaScript环境,开发者可以直接在这里运行JavaScript代码,测试函数,操作DOM,或者进行其他实验性开发工作。 7. **性能分析**:通过Firebug的Profiler功能,...

    firebug2.0.19.xpi

    《Firefox火狐浏览器JavaScript调试工具Firebug 2.0.19详解》 在Web开发过程中,调试JavaScript代码是一项至关重要的任务。Firebug,作为Firefox火狐浏览器的原生插件,曾是开发者们最得力的助手之一,特别是在...

    firebug.7z

    本压缩包包含从firebug-1.7.3到firebug-1.12.7-fx.xpi的多个版本,覆盖了火狐50以下的版本兼容性。 1. **Firebug功能详解:** - **HTML检查**:Firebug可以让你实时查看和修改页面的HTML结构,直观地看到元素的...

    firebug-newest

    "firebug-newest"可能指的是Firebug的最新版本或者一个包含了Firebug更新的资源集合。Firebug是一款开源的Firefox浏览器插件,它允许开发者对HTML、CSS、JavaScript以及网络请求等进行实时编辑、调试和分析。下面...

    firebug 1.2中文版

    10. **社区支持**:Firebug有着庞大的开发者社区,这意味着你可以在遇到问题时找到丰富的资源和解决方案,与其他开发者交流经验。 Firebug作为早期Web开发的必备工具,为后来的开发者工具如Chrome DevTools奠定了...

    firebug 1.62 中文版

    - **firebug-1.6.2.xpi**:这是Firefox浏览器的扩展文件,包含了Firebug 1.6.2的全部代码和资源,用户可以通过安装此文件在Firefox中启用Firebug功能。 - **西西软件站.txt**:这可能是一个文本文件,提供了关于在...

    firebug 1.7

    Firebug 1.7是一款经典的Web开发和调试工具,它为Firefox浏览器提供了强大的功能,让开发者能够深入地洞察网页的结构、样式、脚本以及网络请求。在这个版本中,Firebug进一步提升了其性能和易用性,成为了当时Web...

    firebug插件

    3. 性能优化:通过网络面板,开发者可以深入理解页面加载过程,找出不必要的资源请求,优化页面加载速度。 三、Firebug与现代开发工具的对比 虽然Firebug在2018年已经停止更新,但其核心功能已被Firefox的内置开发...

Global site tag (gtag.js) - Google Analytics