九号下载:您身边最放心的安全下载站!全站导航首页|体育乐|VR中心|智能硬件|H5小游戏|单机游戏|软件发布

当前位置:首页系统软件 → 浏览器视角修改工具(viewport resizer)PC版 v1.2

浏览器视角修改工具(viewport resizer)PC版

最新版本:v1.2
  • 软件类型:系统软件
  • 软件语言:简体
  • 软件大小:58KB
  • 软件公司:http://www.9ht.com
  • 软件授权:免费软件
  • 更新时间:2019/10/9
  • 操作系统:Win7, WinXP
安全下载
顶得越多评分越高
5.0
支持1
反对1
  • 下载总览
  • 相关下载
  • 相关版本
  • 相关文章
  • 网友评论
  • 下载地址

为您推荐:系统软件修改工具

浏览器视角修改工具(viewport resizer)是一款非常好用的可以用来进行浏览器视角修改的chrome插件.软件可以为用户提供非常强大的视角修改和视角修复功能,感兴趣的朋友们快来九号下载站免费下载吧!

开发背景

现在开发人员如果要开发一个同时支持PC端与手机端的网站的话,由于电脑和手机显示屏肯定不一样大小的,所以要跟对手机等移动设备进行单独地测试,而对于电脑上的浏览器来说,其视角一般比电脑的分辨率稍微小一点,但是肯定比手机设备要大得多了,如果我们每次测试的时候手动地调整浏览器进行缩放的效果和手机中显示的效果并一定是一样的,因为电脑上的浏览器缩放到一定程度就会出现滚动条,无法达到逼真的测试效果,所以我们需要一款能够改变PC机中浏览器的视角的谷歌浏览器插件.

软件说明

Viewport Resizer是一款可以自由调整当前浏览器视角大小的谷歌浏览器插件,在chrome浏览器中安装了Viewport Resizer插件以后,开发人员可以很方便地在电脑的浏览器中模拟手机等移动设备的视角大小,通过这些相对真实的视角模拟开发人员可以更加及时地调整移动设备中网站的显示效果.

Viewport Resizer为开发人员提供了集中常见的视角大小,其中包括手机等移动设备、平板设备、大屏PC浏览器等常见的浏览器视角大小,用户可以点击这些按钮轻松切换到相应的视角大小,除此之外,用户还可以在浏览器的上方自定义当前的视角大小来获得更加个性化的浏览器视角调整.

安装使用

1、小编这里使用的是chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本页下载的Viewport Resizer插件,并拖入扩展程序页即可。

2、安装完成后,打开网页试试吧。

3、进入网页后,点击右上角的Viewport Resizer插件图标即可开始测试,只要点击头部出现的窗口里各类型的屏幕类型即可测试响应式布局。

4、点击手机类型后,手机屏幕的测试效果。

5、在电脑类型中的测试效果。

使用说明

1.在谷歌浏览器中安装Viewport Resizer插件,并在chrome的扩展管理器中启动调整浏览器视角大小的功能,Viewport Resizer的下载地址可以在本文的下方找到,安装离线chrome插件的方法可以参考:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件?

2.使用谷歌浏览器打开任意一个需要测试不同浏览器视角显示效果的网站,然后点击谷歌浏览器右上角的Viewport Resizer插件按钮,并在页面上方弹出的工具栏中选择常见的浏览器视角大小按钮启动测试功能

3.如果用户需要更加个性化的浏览器视角调整,还可以使用Viewport Resizer插件的自定义浏览器视角大小的功能

4.如果用户想要回归到原始状态,可以点击工具栏右上角的关闭按钮,或者点击自动调整浏览器视角大小即可.

相关教程

怎么通过浏览器第三方插件免费下载网页上的视频?

免费下载网页上的视频操作流程:

第一步:在浏览器的搜索框中键入【FVD Downloader 插件】后搜索。

备注:下载插件时,请注意钓鱼链接。或者您可以在微信中搜索【池语蝶言】,关注后回复【01】即可获取插件下载链接,插件存放的文件夹为【20190615】。

第二步:将下载后的文件解压后,左键双击打开【FVD Downloader.crx】。

第三步:这时候浏览器会弹出【要添加“Flash Video Downloader”吗?】对话框,左键单击【添加】按钮。

第四步:此时浏览器右上角会多出一个灰色的小箭头。

第五步:任意打开一个视频网站,进入视频播放界面,此时浏览器右上角的灰色小箭头会变成蓝色,左键单击蓝色小箭头。【Found media】中多出一个视频文件,左键单击【Download 1.8M】。

备注:【1.8M】表示该视频文件的大小,有时候插件会出现读取视频大小错误,点击【Download】后,在【新建下载任务】对话框中能看到视频实际大小。在下载有广告的视频时,请区分哪些是广告链接?哪些是视频链接?有可能一不下心就下载成广告了。

第六步:在【新建下载任务】对话框中,可以根据需要更改视频的【文件名】和【下载到】路径,更改完成后左键单击【下载】。

注意事项

1.Viewport Resizer插件只能修改浏览器显示大小,对于手机网站来说请求的User-Agent信息仍然是PC浏览器发出的信息,如果想要改变浏览器请求的User-Agent头部信息,可以参考:使用User-Agent Selector插件模拟手机等移动设备访问网站.

2.Viewport Resizer虽然能够模拟移动设备中的视角大小,但是由于电脑的屏幕大小固定的原因,真实的测试效果可能会有点差别.

特别说明

相关下载

修改工具
修改工具

在找修改工具吗?这里为您汇集了一大波7788的修改工具,电脑的、软件的、手机的、游戏的,咱这里就不多说了,您找一找,看看有没有您用的上的吧。

更多(102)>>

其他版本

下载地址

浏览器视角修改工具(viewport resizer)PC版 v1.2

网友评论

发表评论