标签: cross-browser

如何在Firefox和Opera中缩放HTML元素？

该zoom物业正在IE,谷歌浏览器和Safari中工作,但它不适用于Firefox和Opera.

是否有任何方法可以将此属性添加到Firefox和Opera？

(试图找到类似的问题/重复,失败)

我在mac上开发.我爱我的mac.我使用Chrome,Firefox和Safari进行开发.我出于不同的原因爱他们.

但我必须为Internet Explorer用户开发.

我知道,我在这里并不独特.

我喜欢使用webkit检查器/ firebug来搞乱CSS.我在测试ie6-8时发现的最大问题之一是无法动态编辑CSS.来回VM或实际的PC,在CSS中尝试一些东西,在IE中保存,重新加载,失败和重复,导致开发过程缓慢.

那么,关于我的实际问题.

是否有适用于各种Internet Explorer版本的在线模拟器/模拟器？某种东西以某种方式使用ie引擎呈现页面,但仍允许我使用我的检查器？

这甚至可能吗？

目前<datalist>大多数主流浏览器(Safari除外)都支持HTML5 元素,这似乎是一种向输入添加建议的有趣方式.

但是,value属性的实现与内部文本之间似乎存在一些差异<option>.例如:

<input list="answers" name="answer">
<datalist id="answers">
  <option value="42">The answer</option>
</datalist>

不同浏览器的处理方式不同:

Chrome和Opera:

FireFox和IE 11:

选择一个后,输入将填充值而不是内部文本.我只希望用户在下拉列表和输入中看到文本("答案"),但是将值传递给42提交,就像一个select遗嘱.

如何让所有浏览器都有下拉列表显示<option>s 的标签(内部文本),但在value提交表单时发送属性？

我有一个简单的对象,如下所示:

var countries = {
    "Argentina":1,
    "Canada":2,
    "Egypt":1,
};

我需要创建两个数组.第一个数组是来自对象的所有键的数组.我创建了这个数组:

var labels = Object.keys(countries);

这很好用.我获得了一系列国家.现在当我尝试从值创建数组时...

var labels = Object.values(countries);

我收到此错误: Uncaught TypeError: Object.values is not a function JavaScript

我不知道我做错了什么.我console.log countries在声明之前labels和之后的console.log 并且对象保持不变.我该如何正确使用Object.values()？

除了我的链接外,我网站上的其他所有内容似乎都与所有浏览器兼容.它们出现在页面上,但它们不起作用.我的链接代码如下 -

<td bgcolor="#ffffff" height="370" valign="top" width="165">
    <p>
        <a href="sc3.html">
            <button style="width:120;height:25">Super Chem #3</button>
        </a> 
        <a href="91hollywood.html">
            <button style="width:120;height:25">91 Hollywood</button>
        </a> 
        <a href="sbubba.html">
            <button style="width:120;height:25">Super Bubba</button>
        </a> 
        <a href="afgoohash.html">
            <button style="width:120;height:25">Afgoo Hash</button>
        </a> 
        <a href="superjack.html">
            <button style="width:120;height:25">Super Jack</button>
        </a> 
        <a href="sog.html">
            <button style="width:120;height:25">Sugar OG</button>
        </a> 
        <a href="91pk91.html">
            <button style="width:120;height:25">91 x PK</button>
        </a> 
        <a href="jedi1.html">
            <button style="width:120;height:25">Jedi</button>
        </a>
    </p>
    <p>&nbsp;</p>
    <a href="http://indynile99.blogspot.com">
        <button style="width:120;height:25">Blog</button>
    </a>
    <p>&nbsp;</p>
</td>

我有一个AJAX应用程序.用户单击按钮,页面的显示会发生变化.他们点击后退按钮,期望进入原始状态,但是,他们会在浏览器中转到上一页.

如何拦截和重新分配后退按钮事件？我已经研究过像RSH这样的库(我无法工作......),我听说使用散列标签会有所帮助,但我无法理解它.

是否有任何跨浏览器书签/使用JavaScript添加到收藏夹.

搜索了一些列表但没有一个正在运行.你能建议吗？

我渴望开始使用Html5特别是<header>/<footer>/<article>/<nav>标签.

如果浏览器不支持这些,会发生什么？

另外我需要设置这些样式:例如:nav有边框和边距等.你知道标准的CSS东西.

所以如果我使用nav标签来设置它们,那么IE7和IE8等会忽略这个吗？

TL; DR;

有没有办法在上传之前直接在浏览器端压缩图像(主要是jpeg,png和gif)？我很确定JavaScript可以做到这一点,但我找不到实现它的方法.

这是我想要实现的完整场景:

• 用户访问我的网站,并通过input type="file"元素选择图像,
• 这个图像是通过JavaScript检索的,我们做了一些验证,如正确的文件格式,最大文件大小等,
• 如果一切正常,页面上会显示图像的预览,
• 用户可以进行一些基本操作,例如将图像旋转90°/ -90°,按照预定义的比例裁剪等,或者用户可以上传另一张图像并返回步骤1,
• 当用户满意时,编辑后的图像会被压缩并在本地"保存"(不保存到文件中,但在浏览器内存/页面中), -
• 用户填写表格,其中包含姓名,年龄等数据,
• 用户单击"完成"按钮,然后将包含数据+压缩图像的表单发送到服务器(不带AJAX),

直到最后一步的完整过程应该在客户端完成,并且应该与最新的Chrome和Firefox,Safari 5+和IE 8+兼容.如果可能,只应使用JavaScript(但我很确定这是不可能的).

我现在没有编码任何东西,但我已经考虑过了.可以通过File API在本地读取文件,可以使用Canvas元素完成图像预览和编辑,但是我找不到一种方法来执行图像压缩部分.

根据html5please.com和caniuse.com,支持这些浏览器非常困难(感谢IE),但可以使用FlashFanvas和FileReader之类的polyfill来完成.

实际上,目标是减小文件大小,因此我将图像压缩视为一种解决方案.但是,我知道上传的图像将在我的网站上显示,每次都在同一个地方,我知道这个显示区域的尺寸(例如200x400).因此,我可以调整图像大小以适应这些尺寸,从而减小文件大小.我不知道这种技术的压缩率是多少.

你怎么看 ？你有什么建议告诉我吗？你知道在JavaScript中压缩浏览器图像的方法吗？谢谢你的回复.

假设我的Web应用程序在服务器端完全支持PUT和DELETE,我应该使用它们吗？

基本上我的问题是有多少浏览器支持这个:

<form method="PUT">

要么

<form method="DELETE">

除了兼容REST之外,使用这两种HTTP方法有什么好处吗？(假设替换这两种方法是常用的POST)