如何使用浏览器同步对iframe内容上的ignorePaths进行黑名单

时间:2015-09-11 21:15:09

标签: javascript node.js xhtml browser-sync

我正在使用浏览器同步为网站开发ui,并且浏览器同步片段被注入到页面上的iframe中,该iframe引用了epub 3.0中的xhtml文件。 这会产生错误,因为您无法在xhtml上使用document.write(),这是浏览器同步将其脚本注入页面的方式。

我尝试过使用

double itembatteries;
if (double.TryParse(txtNumberofBatteries.Text, out itembatteries))
{
    //Something with itembatteries
}
else
{
    //Show Error: you didn't type a number
}

但它仍然会将片段注入iframe

我还尝试过不使用浏览器同步而不是代码段模式(不在配置中设置代理或服务器),但是当我手动将代码段脚本放入时,它不会在index.html上重新加载页面它

var sync = require('browser-sync');

sync({
    server: {
        baseDir: [
            '.',
            'bower_components' //- Because i'm making a polymer element, so when bower installed, ../path leads into bower_components
        ]
    },
    snippetOptions: { //- I've tried each of the following by themselves also
        blacklist: ['path/to/iframe/file.xhtml'], 
        whitelist: ['index.html'],
        ignorePaths: ['path/to/iframe/file.xhtml']
    }
});

在index.html的末尾有以下内容,我希望浏览器同步注入的唯一文件。     //http://HOST:3000/browser-sync/browser-sync-client.2.9.3.js'></script>".replace("HOST" ,location.hostname)); //]]&gt;

我确保HOST:PORT与浏览器同步正在使用的端口匹配

遵循此处的文档 http://www.browsersync.io/docs/options/#option-server

0 个答案:

没有答案