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以及其它相关的字样,避免被广告插件拦截。
父页面于iframe通信
2018-7-18 liyangcoder HTML
下面是一个iframe和父页面相互通信的demo,其中使用了一个非常方便的方法postMessage,但是有时候,我们的子页面可能会包含其他业务逻辑,这里面如果也用到了postMessage,就难免会产生冲突,这时候,我们可以使用自定义事件来解决。标签: iframe
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>
为什么 script 标签不能写成自关闭形式
2015-3-24 liyangcoder HTML
今天早上在 Stack Overflow 看到了这个问题:Why don't self-closing script tags work? 。答案给出的解释是,在 XHTML 的标准里面规定非EMPTY
标签不能使用自关闭形式。注意这里使用的是全大写的 EMPTY
,所以我不把它翻译为「空白」。
那么 EMPTY
到底是什么呢?写过 DTD 的人应该知道它是个关键字,用来指明一个标签的内容必须是空白,而不能包含文本内容或子节点。看看具体的例子就很容易明白了:
标签: JavaScript HTML
十个超级技巧助你解决CSS兼容问题
2014-2-27 liyangcoder HTML
现在大部分都是用!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可以这样:
html中几个常用的meta标签
2013-11-15 liyangcoder HTML
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--指定字符集--><meta name="keywords" content="" /><!--告诉搜索引擎当前网页的关键词-->
<meta name="description" content="" /><!--告诉搜索引擎当前网页的主要内容-->
<meta name="author" content="" /><!--告诉搜索引擎当前站点的作者-->
HTML5 面试中最常问到的 10 个问题
2013-10-12 liyangcoder HTML
1. HTML5 新的 DocType 和 Charset 是什么?
2. 如何在 HTML5 页面中嵌入音频?
3. 如何在 HTML5 页面中嵌入视频?
4.除了音频和视频,HTML5 还支持其他什么新的媒体元素?
5.HTML 5中canvas元素有什么用途?
6. HTML5 有哪些不同类型的存储?
7. HTML5 引入什么新的表单属性?
8. 与 HTML4 比较,HTML5 废弃了哪些元素?
9. HTML5 标准提供了哪些新的 API?
10. HTML5 应用缓存和常规的 HTML 浏览器缓存有何差别?
标签: HTML5
flash挡住页面浮动元素
2013-8-19 liyangcoder HTML
有时候我们的菜单栏下面会放一个flash,但是当菜单栏需要下拉的时候,却发现菜单栏奇迹般的跑到flash下面去了,或者是页面的一个效果跑到flash下面去了。任凭怎么设置z-index都不管用,那么,怎么解决呢?
把引入flash的代码换成这个,一切就大功告成了:
标签: flash
CSS初始化 Resets
2013-6-5 liyangcoder HTML
经常为同样的CSS在不同的浏览器中显示效果差异头疼,有了这个就简单多了,把下面代码保存为init.css,在每个页面引入。页面布局就简单多了。标签: CSS初始化
It's me!
liyangcoder
.:.:.:.:.:.:.:.
一个用着普通人不理解的语法和符号,与某个世界的自然法则相沟通,进而实现人类需要的奇迹的人,相当于远古时代的 巫师 ……
哥从不会寂寞
-
因为有陪着哥~~~
最新评论
- 李杨
咋俩同名哎,我闲的没事做 搜索自己的名字... - repostone
https也快能拦截了。 - Am
有女朋友吗 - Tww
你现在在腾讯工作吗? - 高中作文
感谢分享 - 网站建设
学习了 - 独爱
大神 安装libxml2-devel 总... - 网站建设
文章不错 - 网站建设
很好的分享 - 天津网站建设
很给力,学习了。
听我说
- 从2018年冬天开始,有时候想要喝热水了,之前都是一年四季凉水,冬天都恨不得喝冰水!这可能是一个需要记录的时刻……
2019-01-08 14:16
- 记得上小学的时候,老师说文章的标题要尽量概括文章的内容,但是现在发现,我们看到一篇文章,却就是不告诉你真实的内容。这是进步吗?
2016-11-17 23:44
- 由于将博客放在了一个不靠谱的服务器上,导致所有附件和站内图片以及少量博客和朋友们的留言丢失。后面我会逐渐将附件和图片补上,至于一些内容,怕是找不回来了~~~
2016-06-25 17:05
- 如果我发明一副美颜眼镜,带上后,男人不会嫌女人不漂亮了,女人也不会嫌男人不帅了,岂不是随时都能赏心悦目了?全国人民都强制佩戴,和谐社会立马就实现了,这玩意必定大卖啊!哈哈哈~~~
2016-02-11 23:24
- 问:产品经理哪些话最暴露对编程的无知?
答:为什么要这么久?
2015-07-02 12:29
那些日子
- 2020年12月(1)
- 2020年11月(2)
- 2020年10月(1)
- 2020年9月(1)
- 2020年8月(1)
- 2020年3月(4)
- 2020年2月(3)
- 2020年1月(1)
- 2019年12月(1)
- 2019年11月(1)
- 2019年9月(2)
- 2019年8月(1)
- 2019年7月(1)
- 2019年6月(1)
- 2019年5月(1)
- 2019年4月(2)
- 2019年3月(4)
- 2018年12月(1)
- 2018年11月(3)
- 2018年9月(2)
- 2018年7月(1)
- 2018年6月(2)
- 2018年5月(3)
- 2018年4月(4)
- 2018年3月(1)
- 2018年1月(2)
- 2017年11月(2)
- 2017年10月(1)
- 2017年9月(3)
- 2017年8月(1)
- 2017年7月(3)
- 2017年6月(3)
- 2017年5月(1)
- 2017年4月(3)
- 2017年3月(1)
- 2017年2月(2)
- 2017年1月(1)
- 2016年12月(1)
- 2016年11月(3)
- 2016年10月(4)
- 2016年9月(2)
- 2016年8月(10)
- 2016年7月(2)
- 2016年6月(7)
- 2016年5月(3)
- 2016年4月(1)
- 2016年3月(1)
- 2016年2月(3)
- 2016年1月(3)
- 2015年12月(6)
- 2015年11月(4)
- 2015年10月(6)
- 2015年9月(4)
- 2015年8月(4)
- 2015年7月(2)
- 2015年6月(1)
- 2015年5月(3)
- 2015年4月(2)
- 2015年3月(1)
- 2015年2月(1)
- 2015年1月(1)
- 2014年12月(1)
- 2014年11月(4)
- 2014年10月(4)
- 2014年9月(5)
- 2014年8月(4)
- 2014年7月(7)
- 2014年6月(15)
- 2014年5月(10)
- 2014年4月(9)
- 2014年3月(5)
- 2014年2月(8)
- 2014年1月(6)
- 2013年12月(12)
- 2013年11月(33)
- 2013年10月(25)
- 2013年9月(10)
- 2013年8月(10)
- 2013年7月(12)
- 2013年6月(16)
- 2013年5月(1)
- 2013年4月(2)