浏览器间切换的5个技巧或工具

网页制作Webjx文章简介:五种在多个浏览器间切换的方法与工具(前端开发技巧).

对于网站前端开发者、用户体验设计师、互联网产品工程人员,以及广大站长、博客主、深度用户而言,往往有着一个共同的需求:需要时常在多个浏览器之间切换使用,以检查页面效果、测试产品性能,或是同时用几个账号身份登录相同的页面。

目前国际主流的浏览器主要是以下五个:微软的IE,当年以捆绑方式占据超高市场份额,当之无愧却渐显疲态的老大;Firefox,势头强劲、功能齐全的后起之秀,IE的最大挑战者;Chrome,来自另一位互联网巨头Google的杰作,以轻量级和快捷著称,后来居上;Opera,号称最快的浏览器,在移动终端上也有着不俗表现;Safari,顶着苹果的金字招牌,Mac用户上网必备。

五个浏览器,各有特色,针对不同的需求,具体使用时也各有侧重。这里介绍5个技巧或工具,以最大限度地开发同步使用多个浏览器时的性能效率,让您更轻松自在地游走在它们之间。

一、在多台电脑上同步IE收藏夹

收藏夹同步是基本需求之一,但IE有限的扩展性使之至今仍缺乏一个堪称权威的同步工具领袖。好在通过借助一些第三方的同步工具,我们可以让IE的收藏夹在多台电脑之间同步。

以目前国内用户能正常使用的国产同步工具 DBank 为例(为什么不用 Dropbox 举例?你懂的…原理其实相同)。安装 DBank 后,将会像 Dropbox 一样,生成本地的同步专用文件夹。假设为:E:\我的DBank\ 。

打开注册表编辑器(开始->运行->REGEDIT回车),在HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\User Shell Folders 中,修改 Favorites 的数值为 E:\我的DBank\ 。

这样,IE的收藏夹的保存位置就被指定在了 DBank 的同步文件夹下。

在所有需要同步IE收藏夹的电脑上执行以上操作。则它们将会共享同一个 DBank 账号下的同步档案,实现多台电脑之间的收藏夹同步。该方法适合大部分以文件夹为组织形式的同步软件客户端。

二、在不同浏览器之间同步书签

目前公认最好的工具当属 XMarks 这款浏览器插件(之前曾被关过一阵小黑屋,现在也放出来了)。支持在 IE、Firefox、Chrome、Safari之间同步,且允许在网页上直接访问这些同步的书签。

在使用 XMarks 之前,您需要注册一个用户账号。然后,就让它静静地为您工作吧。(同步控早先对 XMarks 的介绍)

三、快速导入/导出不同浏览器之间的书签

Transmute 是一个支持 IE、Firefox、Chrome、Opera、Safari,以及 Avant、Flock、Konqueror、Chromium,乃至社交网络如 Delicious 的强悍导入导出工具。使用时,简单地指定来源(导出数据)和目标(导入数据),则 Transmute 将会快速地为您进行导入导出操作,很快实现数据交换。

使用该工具可以与他人分享浏览器书签,且无需注册账号,下载直接使用。(国外网站的详尽介绍)

四、同时平铺显示多个浏览器

有时为了比较同一个页面在不同浏览器中的效果,需要同时打开多个浏览器并来回切换前后台。这时,将它们的窗口平铺起来,将更利于对比和发现问题。

当然,最快速的方法是右击任务栏,选择 横向平铺窗口 / 纵向平铺窗口。如果您用的是 Win7,那么又还有另一个方法:使用 Snap 这个功能。将窗口拖拽到页面左侧或右侧,带轮廓出现后松开鼠标,该窗口就被定位在指定位置。对其他窗口同样执行此操作,就实现了多个窗口排排坐吃果果的效果。对多浏览器对比尤其适用。(微软官网介绍及视频演示)

五、快速用其他浏览器打开当前页面

如果您觉得手动复制粘贴URL过于繁琐,那么 Firefox 的这款插件 —— Open With 将成为简化操作的得力助手。全数支持调用 IE、Chrome、Safari、Opera。

安装后,它可以依据设置,在 View 菜单、标签栏或是内容菜单中,增加其他浏览器的对应链接。点击后,就会自动调用其他浏览器打开当前的页面。Web开发人员应该内牛满面了吧?

本文来自:同步控 http://www.syncoo.com/5-tips-for-multiple-browsers-2562.htm

时间: 2024-08-31 07:16:12

浏览器间切换的5个技巧或工具的相关文章

解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法_javascript技巧

最近在做博客的目录功能,发现一个在现代浏览器间的一个bug,或是称之为差异,即页面滚动值(scrollTop)的获取与设定. 在此之前先说一下关于页面元素的坐标获取,这张图的经典性不必再提.  实现滚动到某位置功能 一个最主要的功能就是实现点击标题页面滚动,因为我们要滚动到页面某个标题,所以需要计算出滚动这个元素的具体绝对位置,而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量,此处不适用. 此处应使用浏览器原生提供的 getBoundingClientRect 接口,

setInterval和浏览器选项卡切换的问题

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Question</title> <style> .outer {border:1px solid #000; width:520px; height:300px; pos

百度浏览器开启海外高速通道小技巧

  百度浏览器开启海外高速通道小技巧 百度浏览器开启海外高速通道: 百度浏览器海外高速通道 一.首先打开百度浏览器,然后任意打开一个网站,然后点击最右上角的"三横线菜单图标",再弹出的下拉菜单中点击进入"选项",如下图所示: 百度浏览器海外高速通道 二.进入百度浏览器选项设置后,再点击做列表菜单中的"高级选项",最高勾选上底部的"开启视频加速"和"开启海外高速通道",如下图所示. (如果您的百度浏览器设置中

viewpager用handler实现的广告循环动画效果在fragment间切换会变快

问题描述 viewpager用handler实现的广告循环动画效果在fragment间切换会变快 我用viewpager做了一个轮播效果的图,实现循环是用的handler,线程休眠三秒切换fragment,我将它们全部放在一个fragment当中,包括适配器adapter也放在里面了,当我切换到另一个fragment后再切换回来,这个滚动效果就变得不受控制了,时快时慢,还有好几张广告同时闪过的情况,求解释.. 解决方案 http://www.cnblogs.com/tiantianbyconan

statusbar控件上加载进度条控件,怎么在按钮和进度条间切换呢?

问题描述 statusbar控件上加载进度条控件,怎么在按钮和进度条间切换呢? statusbar控件上加载进度条控件,当加载完成,进度条消失,显示按钮,再次加载的时候隐藏按钮显示进度条,怎么在按钮和进度条间切换呢? 解决方案 你可以定义两个panel,分别加载按钮和进度条,需要哪个就显示哪个. 解决方案二: 进度条控件 解决方案三: 按钮和进度条你肯定都能访问到,通过设置visible控制

浏览器内核转换-程序代码中完成浏览器内核切换成ie

问题描述 程序代码中完成浏览器内核切换成ie 在使用java和jsp制作网站时,遇到了浏览器的问题 问题是需要解决 在代码中完成其他浏览器向ie浏览器内核的转换 不知道这个是不是可以实现 该如何实现

android-Android编程两activity间切换问题

问题描述 Android编程两activity间切换问题 LZ手头一个Android程序有两个activity,其中副activity主要就是画个图,且画图需要使用主activity中的一个数组的数据,我明明是先把有关数值填进了数组,完成了数组的处理之后才用intent开启的第二个activty,但实际上副activity使用的还是数组在未处理前的全零状态进行的与画图有关的运算,代码如下 主activity的声明 ``` private LayoutInflater layoutInflater

控制-viewpager用handler实现的广告循环动画效果在fragment间切换会变快

问题描述 viewpager用handler实现的广告循环动画效果在fragment间切换会变快 我用viewpager做了一个无线循环滚动效果的广告,实现循环是用的handler,我将它们全部放在一个fragment当中,包括适配器adapter也放在里面了,当我切换到另一个fragment后再切换回来,这个滚动效果就变得不受控制了,时快时慢,还有好几张广告同时闪过的情况,求解释.. 解决方案 说明你的异步延时没有控制好,你看看代码,调试一下,是不是创建了多个异步,这样时间交叉,就会乱了 解决

Angular页面间切换及传值的4种方法_AngularJS

本文实例为大家分享了Angular JS页面间切换及传值 的方法,供大家参考,具体内容如下Angular JS页面间切换及传值 1. 基于ui-router的页面跳转传参(1) 在AngularJS的app.js中用ui-router定义路由,比如现在有两个页面,一个页面(producers.html)放置了多个producers,点击其中一个目标,页面跳转到对应的producer页,同时将producerId这个参数传过去. state('producers', { url: '/produc