Tag: 跨浏览器

浏览器支持以双斜杠开头的URL

我最近看到一些没有协议的链接。 这似乎不难理解 – 我认为这是一个好主意,非常直观。 对于那些不知道的用户,使用像//example.com/script.js这样的URL将指向http://example.com/script.js或https://example.com/script.js具体取决于而不是URL来自http或https URL。 例如,包含来自https页面的http脚本或图像可能是一个安全问题,因此可以解决这个问题,而不需要在代码中进行协议检测。 我的问题是,它有什么样的浏览器/操作系统支持? 在生产中使用安全吗? 这肯定会让事情变得更简单。 简单的例子和​​testing: http : //codetester.org/916c6916 编辑:只是一个后续行动,我一直在使用这个为我的公司的广告服务器在生产很多事情没有问题现在几年了。

中间有文字的水平线CSS技术

我试图用中间的一些文字来制定一个横向的规则。 例如: ———————————–我的标题在这里———— —————– 有没有办法做到这一点在CSS? 没有明显的所有“ – ”破折号。

如何确定HTML表单上的默认提交button?

如果一个表单被提交,但不是由任何特定的button,如 按Enter键 在JS中使用HTMLFormElement.submit() 浏览器应该如何确定使用多个提交button中的哪一个button? 这在两个层面上是重要的: 调用附加到提交button的onclick事件处理程序 将数据发送回Web服务器 我迄今的实验表明: 当按Enter键时 ,Firefox,Opera和Safari使用表单中的第一个提交button 当按Enter时 ,IE使用第一个提交button或者根本不使用条件 所有这些浏览器都没有使用JS提交 标准说什么? 如果有帮助,这里是我的testing代码(PHP只与我的testing方法有关,而不是我的问题本身) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> </head> <body> <h1>Get</h1> <dl> <?php foreach ($_GET as $k => $v) echo "<dt>$k</dt><dd>$v</dd>"; ?> </dl> <h1>Post</h1> <dl> <?php foreach ($_POST as […]

window.focus()不能在Google Chrome中使用

只是想知道Google Chrome是否会在某个时候支持window.focus() 。 当我的意思是支持,我的意思是说它的工作。 对它的呼吁并不失败,它只是没有做任何事情。 所有其他主stream浏览器都没有这个问题:FireFox,IE6-IE8和Safari。 我有一个用于pipe理浏览器窗口的客户端类。 当我第一次创build一个窗口时,窗口变得焦点了,但随后尝试将焦点移到窗口上不起作用。 据我所知,这似乎是一个安全function,以避免恼人的popup窗口,它似乎不是一个WebKit问题,因为它在Safari中的作品。 我知道有人提出的一个想法是closures窗口,然后重新打开它,但这是一个可怕的解决scheme。 谷歌search表明,我似乎并不是唯一受挫的人。 为了100%清楚,我的意思是新的窗口,而不是标签(选项卡不能从我所读的焦点),所有打开的窗口都在同一个域。 除了上面提到的那个不好的想法之外,还有什么想法和解决办法? Chromium项目上有一个buglogging在这里 。 感谢您发布Rich 。 MyCompany = { UI: {} }; // Put this here if you want to test the code. I create these namespaces elsewhere in code. MyCompany.UI.Window = new function() { // Private fields var that = this; var windowHandles […]

Javascript:document.execCommand跨浏览器?

我偶然发现了一段我从未见过的代码: document.execCommand('Copy'); 这似乎将剪贴板内容复制到焦点的元素。 这个function是否可以跨浏览器使用? 我find了一个显示document.execCommand兼容性matrix的页面 。

如何在IE11中带回“浏览器模式”?

更新 :旧的问题只适用于IE11预览; 浏览器模式在IE11的最终版本中已经返回。 但有一个问题:它是无用的,因为它不模仿有条件的评论。 例如,如果您使用它们在传统IE中启用HTML5支持,您将不再能够在IE11中debugging您的站点。 <!–[if lte IE 8]> <script src="html5shiv.js"></script> <![endif]–> 阅读另一个StackOverflow的问题和IE 错误跟踪问题 。 微软从来没有回应过这个问题,所以看起来他们特意引入了这个bug来引导用户购买BrowserStack订阅。 有条件的评论模拟在预览版本中工作得很好。 原始问题 :在Windows 7上安装IE11预览版时,会附带老式的F12工具,可以更改浏览器模式。 但是,如果您转到“工具”菜单并select“F12”开发人员工具,则会被新的开发人员工具replace,而“浏览器模式”将不再可用。 唯一的方法是将其卸载IE11并重新安装。 有没有更容易的方式来切换浏览器模式在IE11中?

HTML锚点标记是否应该声明已禁用的属性?

如果我创build一个HTML定位标记,并将disabled属性设置为true,我会在不同的浏览器中获得不同的行为(惊喜!)。 我创造了一个小提琴演示。 在IE9中,链接呈灰色,不会转移到HREF位置。 在Chrome / FF / Safari中,链接是正常的颜色,并将转移到HREF位置。 正确的行为应该是什么? IE9渲染不正确,我应该实现一些CSS和JavaScript来解决它; 或者是Chrome / FF / Safari不正确,最终会赶上? 提前致谢。

IE6 / IE7 CSSselect元素边框

有没有人有一个解决scheme样式的使用CSS的Internet Explorer中的“select”元素的边界?

在行内块元素中删除大文本上方和下方的空白区域

说我有一个单一的span元素定义为内联块。 只有内容是纯文本。 当字体大小非常大时,您可以清楚地看到浏览器如何在文本上方和下方添加一些填充。 HTML: <span>BIG TEXT</span> CSS: span { display: inline-block; font-size: 50px; background-color: green; }​ 现场演示: http : //jsfiddle.net/7vNpJ/ 看看盒子模型,显然浏览器正在内容边缘添加填充。 我需要删除这个“填充”,一种方法是简单地改变行高,如下所示: http://jsfiddle.net/7vNpJ/1/ 这在Chrome中非常有用,但在Firefox中文本正在向顶端(FF17,Chrome 23,Mac OSX)转移。 任何想法的跨浏览器解决scheme? 谢谢!

textarea字符限制

我想能够限制textarea中的字符数量。 我使用的方法在Google Chrome中效果很好,但是在Firefox中速度很慢,在IE中不起作用。 使用Javascript: function len(){ t_v=textarea.value; if(t_v.length>180){ long_post_container.innerHTML=long_post; post_button.className=post_button.className.replace('post_it_regular','post_it_disabled'); post_button.disabled=true; } else{ long_post_container.innerHTML=""; post_button.className=post_button.className.replace('post_it_disabled','post_it_regular'); post_button.disabled=false; } if(t_v.length>186){ t_v=t_v.substring(0,186); } } HTML: <textarea id="user_post_textarea" name="user_post_textarea" cols="28" rows="1" onkeypress="len();" onkeyup="len();"></textarea> 身体元素底部的Javascript: textarea=document.getElementById('user_post_textarea');