介绍一个前端页面开发必备神器，chrome扩展，设备模拟器

有了这个扩展，我们无需手动打开Chrome开发者工具去模拟设备了：

在Chrome web store里搜索关键字设备模拟器：

安装之后，点击Chrome工具栏里的黄色图标打开User-Agent的下拉选项：

之后就会用选中的user-agent重新请求网页了。

下图是我在笔记本电脑上用小米手机对应的user-agent去打开知乎网站的一个例子，可以看到屏幕下方出现了原本只有在移动设备上才能看到的提示：App内打开

而正常的PC端浏览这个网页，如下图，是不会出现这个按钮的：

不光能选择移动设备对应的User-Agent，还能选择模拟各种类型的浏览器，比如360浏览器，猎豹浏览器等。

IE，firebox当然更没有问题。

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

介绍一个前端页面开发必备神器，chrome扩展，设备模拟器相关推荐

介绍一个能避免 CORS 错误的 Chrome 扩展 - Moesif Origin CORS Changer
在前端开发人员做开发时,当进入到和后台 API 联调阶段时,不可避免会遇到 CORS 错误. 本文介绍一个 Chrome 扩展,可以用来在开发阶段避免 CORS 问题. 注意,这个扩展不能用于生产用途 ...
Asp.net前端页面开发总结
经过半个月的奋斗,善良公社项目书画院前台的web界面竣工了.虽然界面并不是很完美,说明学习的地方还有很多.在界面部分需要的技术:div+css.JavaScript.Ajax.HTML和一般处理程序等 ...
喵喵电影-前端页面开发
喵喵电影-前端页面开发一.项目预览二.开发前准备 1.配置node环境:npm cnpm 2.安装Vue脚手架:vue-cli 3.创建项目 miaomiao 三.实战开发 1.改造项目文件创建框 ...
基于前端页面开发课程教学网站的设计与实现
前端页面开发课程教学网站出现以前,人们的学习形式单一,自主学习程度较低,资源共享程度不高,很难接触到更广的知识体系.造成了学习资源的浪费.市面上现在并没有专门的基于前端页面开发的课程教学网站,只有泛化 ...
今天向大家介绍一个快应用开发辅助IDE插件——Troll For Ux
今天向大家介绍一个快应用开发辅助IDE插件--Troll For Ux (作者:--guobinunique) (一)主要特点能够把.ux文件中的<template>部分转变为可视化图 ...
介绍一个前端切图神器avocode
2019独角兽企业重金招聘Python工程师标准>>> 安装avocode 前端的基础工作就是把设计师的设计稿还原成前端页面,所以切图是作为一个前端的基本技能.杀敌要有趁手的兵器,而 ...
前端页面开发浅谈：PC 端设计如何“完美”迁移到移动端？
文章目录前言一.我真的需要一个登录页面吗? 1.1.用户眼中不确定持续使用的系统 1.2.免登陆实现的功能可以满足用户需求二.举个移动端登陆例子三.前端学习不是造火箭四.前端的布局设计五. ...
15K的前端应届毕业生，就因为掌握了这些知识点！（前端企业级开发必备）
目录 1.前端开发下载安装VScode 优化配置 2.插件安装 3.设置字体大小 4.开启完整的Emmet语法支持 5.视图 2.Node.js 入门 2.1.什么是Node.js 2.2.Node ...
网站开发（周五）：项目前端页面开发（实战）
第一.前端基础简介前端网页:根据此前项目需求分析可知,我们需要开发网站首页.文章分类页.搜索页.正文页.标签页,而一个最基本网页模版有三部分,网页顶部导航条.网页中部主体.网页底部,其中顶部和底部布 ...

介绍一个前端页面开发必备神器，chrome扩展，设备模拟器

介绍一个前端页面开发必备神器，chrome扩展，设备模拟器相关推荐

最新文章

热门文章