这篇文章给大家聊聊关于谷歌浏览器和device，以及谷歌浏览器和ie浏览器的区别对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

本文目录

1. 浏览器怎么换成pc端
2. 谷歌浏览器5个使用技巧
3. edge浏览器兼容代码的前缀是什么

一、浏览器怎么换成pc端

要将浏览器切换成PC端，你需要在浏览器的设置或开发者工具中更改用户代理（User Agent）为PC端的用户代理。

首先，要将浏览器切换成PC端，通常是通过修改浏览器的User Agent来实现的。你可以通过设置或者开发者工具来达成这个目标。

以下步骤以Chrome浏览器为例，详细解释如何切换浏览器至PC端：

1.打开Chrome浏览器，在右上角点击三个点，打开“设置”；

2.在左侧菜单栏中找到并点击“关于Chrome”；

3.在这里你会找到一个叫做“开发者模式”的选项，点击启用它；

4.回到设置菜单，你会看到新增了一个“更多工具”的选项，点击它并选择“开发者工具”；

5.在开发者工具中，找到一个像手机一样的图标（Toggle device toolbar），点击它；

6.然后在下拉菜单中选定你想要模拟的PC设备即可。

需要注意的是，这个方法只是模拟PC环境，并不会真正的将你的手机浏览器变成PC浏览器。这是因为手机浏览器和PC浏览器的本质区别在于屏幕大小和操作方式，而不仅仅是用户代理的不同。因此，尽管你可以通过修改用户代理来看到更多的桌面版网站，但你还是需要用手机屏幕来浏览这些网站，这可能并不方便。另外，某些网站可能通过更复杂的方式检测用户的设备，那么即使修改了用户代理，也可能无法看到桌面版的网站。

以上步骤是针对Chrome浏览器的操作方式。不同的浏览器可能会有些许不同，但大体思路是一样的。都需要通过某种方式修改用户代理为PC端的用户代理。

二、谷歌浏览器5个使用技巧

谷歌Chrome浏览器一直以速度、简洁和安全为用户所熟知。除此之外，Chrome的其他功能也非常强大，为了进一步提高工作效率，让我们一一揭晓它的那些隐藏技能吧。

   1、使用Chrome浏览器当记事本

   通过使用HTML5的「contenteditable」属性，就能将浏览器的标签页转变成记事本。这个功能很简单，只需要将如下代码复制到地址栏点击回车键，就会出现一个简洁的不能再简洁的空白页面，再点击这个空白页面，就可以开始在页面上输入内容。如果你保存这个页面，你就会得到一个HTML文件，当你打开这个文件时，你就能看见你之前输入的内容了。

   此外更加高级的编辑功能则需要如下代码：

   如果用户不喜欢在键盘上打字，不妨试一试语音搜索这个功能。只需打开谷歌搜索框，轻轻一点搜索框末端的麦克风标志即可打开语音搜索功能。支持多种语言，用户只需通过浏览器设置来激活「OK，Google!」语音控制功能，用户只要一句「OK，Google!」Chrome浏览器就会执行指令。面前用户可以通过语音控制让浏览器搜索任何想查看的东西，包括天气，方向等。对于某些搜索，Chrome浏览器的会通过语音搜索朗读搜索结果并提供相关文本。

   如果用户在不同地方使用多台电脑，或者帮助亲朋好友解决电脑方面的问题，那么谷歌Chrome浏览器的远程桌面工具就能派上用常它能让用户连接和控制在不同地点的电脑。

用户可以通过Chrome浏览器安装远程桌面控制扩展应用，这个插件必须装在每台的Chrome浏览器上，点击「分享」按钮则会生成一个密码与对方来共享桌面。在Chrome中打开一个新标签页，点击该工具图标，打开应用程序。点击分享这台电脑(Share this computer)，接下来你可以选择分享你的email地址、你分享的电脑，以及聊天记录。每个远程分享进程都会获得一个唯一的授权码。把这个授权码发给你的好友，对方输入该授权码后便可以访问你分享的内容。

   用户可以通过地址栏搜索Gmail邮箱的邮件，或者是Google Drive的某个文件、亚马逊或京东的某个商品。用户必须先打开浏览器的设置，在搜索项进入管理搜索引擎。然后你就会发现一系列不同站点的搜索引擎，你可以编辑当前的搜索引擎或设置其他默认搜索引擎。例如淘宝已近存在列表里，通过将其设置成默认搜索引擎后，就可以直接在地址栏里输入关键词就能搜索到你想要的商品。

   Chrome浏览器能够自动帮助用户在新账户注册页面生成新密码。你只需要在地址栏输入「about:flags」点击确认就能进入该功能的页面，选择「启用密码生成功能」然后重新启动浏览器即可。

完成操作后，Chrome浏览器就能识别任何用户想要注册新账户的页面，用户可以像平常那样填写注册表单，当用户点击「选择密码」的选项框时，就会出现通知气泡和一个推荐的密码，用户可以选择使用这个推荐的密码或使用自己的密码。下次再登录这个网站的时候， Chrome会自动调用最初生成的密码，当然所有生成的密码会与Chrome浏览器同步。不过该功能还在试验性阶段。

   Chrome浏览器除了为普通用户提供强大的Chrome扩展外，还提供了强大了chrome开发者工具，以帮助广大网站开发者提供诸如兼容性等的测试工作。按下F12或(Ctrl+Shift+I)键打开「开发者工具」，点击[Show drawer]图标，选择[Emulation]后使用者能在Device一栏的下拉列表中看到主流的移动设备。

   如果有些网页用户需要一直打开，用户可以点击鼠标右键固定该标签页。而标签页的尺寸将变小并自动移到浏览器的最左端，关闭标签页的选项会被移除，在浏览器重新启动的时候会自动打开。用户也可以选择右击鼠标右键取消固定标签页。

三、edge浏览器兼容代码的前缀是什么

一、placeholder修改样式兼容性写法：

由于placeholder是h5新特性之一，目前还有兼容性问题，所以这样写以兼容各浏览器。

针对不同浏览器或不同版本的浏览器会有不同的写法，会添加相应的前缀。

1、WebKit, Blink, Edge浏览器等需要带上-webkit-前缀，且是双冒号，写的时候还要带上input

2、针对火狐浏览器则有两种写法，一种是针对低版本的，一种是针对高版本的，二者都需要带上-moz-前缀。要点1：火狐低版本的使用冒号（：），而高版本的使用双冒号（：：）；要点2：火狐浏览器不需要像webkit内核那样要带上input。

3、由于placeholder属性只在IE10+才支持，因此，针对IE10、IE11的写法是加上-ms-前缀，使用的是冒号（：），需要带上input

特别强调：冒号与双冒号的问题，还有是否需要加上input

作者：江峰★出处：

css兼容性写法大全_前端独秀的博客

css兼容性写法大全淘宝初始化代码 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}...

css兼容性写法,CSS hack写法_weixin_34112208的博客

一、CSS hack写法书写顺序为FireFox在最前,其次是IE8、IE7,最后是IE6。 color:red;//所有浏览器 color:blue\9;//所有IE+color:orange;//IE7 _color:green;//IE6 eg1.若浏览器为FireFox,那么color:red;若浏览器为IE8,...

各浏览器css兼容写法各浏览器css兼容写法

placeholder在不支持html5的低版本的浏览器中，placeholder属性是无效的，例如ie9及以下的ie浏览器不兼容这个属性。下面介绍placeholder兼容性的处理在页面添加如下脚本$(function(){//如果不支持placeholder，用jQuery来完成 if(!isSupportPlaceholder()){//遍历所有in

CSS浏览器前缀兼容写法_梦凝哲雪的博客_css兼容前缀

CSS浏览器前缀兼容写法 Vendor prefix—浏览器引擎前缀,是一些放在CSS属性前的小字符串,用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。该图来自简书沈龙浏览器引擎前缀(Vendor Prefix)有哪些?

CSS各浏览器兼容写法(CSS HACK)_caspar笔记的博客

CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器。类内部Hack:比如 IE6能识别下划线"_"和星号"*",IE7能识别星号"*",但不能识别下划线"_",而firefox两个都不...

html+placeholder+兼容问题,placeholder属性做兼容性处理

placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点(或输入内容)时，提示文字消失。但是在不支持html5的低版本的浏览器中，placeholder属性是无效的，例如ie9及以下的ie浏览器不兼容这个属性。下面介绍placeholder兼容性的处理效果：...

css3 1.box-shadow: filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*兼容ie*/-moz-box-shadow: 2px 2px 10px#909090;/*兼容firefox*/-webkit-box-shadow: 2p...

css兼容解决方案,css兼容性处理方案

css兼容性处理方案首先是对于兼容性的理解。不同浏览器之间的兼容+同一浏览器，不同版本之间的兼容。解决方案主要有以下四种：1浏览器CSS样式初始化对padding和margin，以及line-height等在全局初始化，统一不同浏览器之间的差异。举例：*{margin: 0;padding: 0;}html{line-height: 1.15;-webkit-text-size-adjust...

CSS兼容浏览器的写法主要是坑爹的IE浏览器，身为前端开发在写PC端项目的时候，需要在CSS样式上进行最基本最简单的样式适配的方法，这些也是必要掌握的。文章目录CSS兼容浏览器的写法前言一、兼容不同浏览器1、针对不同内核基本的浏览器的兼容写法二、CSS Hack总结前言本篇文章主要总结了简单的及常用的CSS样式的兼容写法。一、兼容不同浏览器 1、针对不同内核基本的浏览器的兼容写法-webkit-：safari、chrome-moz-：firefox-ms-：ie-o-

浏览器不能切html样式,css不同浏览器兼容性问题怎么解决？

浏览器的兼容性问题是Web前端开发人员经常会碰到的和必须要解决的问题。那么css不同浏览器兼容性问题怎么解决？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。css不同浏览器兼容性问题的解决方案1.浏览器CSS样式初始化由于每个浏览器的css默认样式不尽相同，所以最简单有效的方式就是对其进行初始化，相信很多朋友都写过这样的代码，在所有CSS开始前，先把marin和padding都设为0，以防...

/*针对Chrome谷歌浏览器内核支持的CSS样式*/@media screen and(-webkit-min-device-pixel-ratio:0){样式/*例如.font1{color:red}/}针对Firefox浏览器的内核CSS写法：@-moz-document url-prefix(){样式/例如.font1{color:red}/}...

各浏览器兼容性css写法/*针对Chrome谷歌浏览器内核支持的CSS样式*/@media screen and(-webkit-min-device-pixel-ratio:0){样式/*例如.font1{color:red}*/}针对Firefox浏览器的内核CSS写法：@-moz-document url-prefix(){样式/*例如.f

最新发布浏览器兼容css_CSS样式浏览器前缀兼容性写法、生效写法

浏览器兼容css_CSS样式浏览器前缀兼容性写法、生效写法

CSS中的字体兼容写法：用CSS为英文和中文字体分别设置不同的字体

font-family的调用方法： font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei; font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei;根据font-family的原则，假如客户终端不认识前面的字体，就自动切换到第...

ie浏览器样式兼容写法_常见的CSS样式兼容性写法

1.设置透明度在IE6中使用 filter: alpha(opacity= 40);在其他浏览器中使用 opacity: 0.4;2.设置行高/*\9表示兼容所有的IE浏览器*/line-height: 35px\9;3.清除浮动.clearfix:after{content:'';height: 0;clear: both;overflow: hidden;visibility: h...

css3(含ie9以下) 1.box-shadow： filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*兼容ie*/-moz-box-shadow: 2px 2px 10px#909090;/*兼容firefox*/-webkit-box-shado

placeholder就是用户名密码框未输入内容时,默认显示的灰色文字。如下图效果：<!DOCTYPE html><html><head><meta charset="utf-8"><title>placeholder效果演示(runoob.com)</title></head>&l...

淘宝初始化代码 body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;} body,button,input,sel...

热门推荐 css ie6,ie7,ie8兼容性写法,CSS hack写法

margin-bottom:40px;/*ff的属性*/ margin-bottom:140px\9;/* IE6/7/8的属性*/ color:red\0;/* IE8支持*/*margin-bottom:450px;/*IE6/7的属性*/+margin-bottom:450px; _color:#ff0000;

1. IE6、IE7、IE8兼容写法 _color:#ccc;/* _只ie6支持*/*color:#ccc;/**ie6/7支持*/*+color:#ccc;/**+ie7支持*/ color:#ccc\0;/*\0 IE8支持*/ color:#ccc\9;/*\9 IE

首先，我在把 ie浏览器更新到 11后，在 f12调试工具中发现一片空白，解决方法如下：安装补丁： 64位的系统应该使用下面这个补丁： 32位的系统应该使用下面这个补丁：...

css中属性兼容性写法,CSS3兼容属性和标准属性的书写顺序

一、不同书写顺序示例首先个人推荐的正确写法：//标准属性放在兼容属性之后-webkit-border-radius: 10px 30px;border-radius:10px 30px;容易产生问题的错误写法：//标准属性放在兼容属性之前border-radius:10px 30px;-webkit-border-radius: 10px 30px;二、实例说明1.实例实例1.1(正确写法)：Do...

css属性兼容性写法，兼容低版本主流浏览器

OK，本文到此结束，希望对大家有所帮助。