HTML - 李杨-程序员李杨博客-软件开发-liyangweb

Chrome浏览器ERR_BLOCKED_BY_CLIENT || Firefox同源

2019-4-28 liyangcoder HTML

今天遇到一个问题，一个接口使用ajax请求失败，使用postman则没问题。

Chrome中显示的错误是net::ERR_BLOCKED_BY_CLIENT

搞了半天没搞明白是什么问题，又换Firefox继续调试，结果告诉我跨域了

可是很奇怪，我其他同域名的接口都没问题，就是这个不行，调试了半天，基本排除了跨域的问题。

郁闷了好久，终于发现了问题，原来问题出在URL上，我的URL中包含ad关键字，被广告屏蔽插件当成广告给拦截了。

其实之前遇到过类似问题的，这次又大意了。之前是页面class名字中包含ad，导致整个div不显示。

总结一下：

页面接口、class名称、id名称、文件名（css、js、img）中都要避免出现ad、advertisement以及其它相关的字样，避免被广告插件拦截。

评论(0) 浏览(1305)

父页面于iframe通信

2018-7-18 liyangcoder HTML

下面是一个iframe和父页面相互通信的demo，其中使用了一个非常方便的方法postMessage，但是有时候，我们的子页面可能会包含其他业务逻辑，这里面如果也用到了postMessage，就难免会产生冲突，这时候，我们可以使用自定义事件来解决。

阅读全文>>

标签: iframe

评论(2) 浏览(2594)

iPhone中的webview显示iframe中的页面宽度超出屏幕

2018-4-22 liyangcoder HTML

今日在做一个项目，遇到了iPhone中iframe页面超宽的问题，业务场景大致是这样：

1.项目运行环境是移动端浏览器，APP中的webview，支持Android和iOS

2.页面中有一个iframe，包含了多个不同的外部链接，我们无法对此页面中的内容做任何更改

由于开发都是用PC模拟手机来进行的，本人使用的Android手机，开发完成后简单测试没发现任何问题，但是后期在iPhone中测试的时候，却发现，外部链接竟然有一半以上不能正常显示，经过各种尝试以及找了很多资料，最后终于找到一个完美解决的办法。

代码如下:

<div style="overflow: auto;-webkit-overflow-scrolling:touch;width:100%;height:100%;">
    <iframe src="http://www.baidu.com" frameborder="0" height="100%" scrolling='no' style="width: 1px; min-width: 100%; *width: 100%;"></iframe>
</div>

评论(2) 浏览(4583)

为什么 script 标签不能写成自关闭形式

2015-3-24 liyangcoder HTML

今天早上在 Stack Overflow 看到了这个问题：Why don't self-closing script tags work? 。答案给出的解释是，在 XHTML 的标准里面规定非EMPTY 标签不能使用自关闭形式。注意这里使用的是全大写的 EMPTY ，所以我不把它翻译为「空白」。

那么 EMPTY 到底是什么呢？写过 DTD 的人应该知道它是个关键字，用来指明一个标签的内容必须是空白，而不能包含文本内容或子节点。看看具体的例子就很容易明白了：

阅读全文>>

标签: JavaScript HTML

评论(0) 浏览(5850)

现在大部分都是用!important来 hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7 不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了现在写一个CSS可以这样。

一、针对firefox ie6 ie7的css样式
现在大部分都是用!important来 hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7 不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了现在写一个CSS可以这样：

阅读全文>>

标签: CSS初始化 HTML

评论(0) 浏览(5541)