大家好，今天给各位分享谷歌浏览器 event的一些知识，其中也会对谷歌浏览器event clientx undefined进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！

本文目录

1. 浏览器兼容性问题,火狐可以,谷歌不可以
2. JS轻松获取对象之srcElement与target篇
3. 谷歌浏览器vue调试方法介绍
4. 谷歌浏览器Chrome58正式版将具有哪些新特征
5. 谷歌浏览器启动页总是112112导航页

一、浏览器兼容性问题,火狐可以,谷歌不可以

1、火狐浏览器是一个自由及开放源代码网页浏览器，使用Gecko排版引擎，支持多种操作系统，如Windows、Mac OS X及GNU/Linux[2]等。Firefox独立于Windows内核，使用的是非ie核心。因此设置基本不受注册表控制。

2、谷歌浏览器又称Google浏览器，是一个由Google（谷歌）公司开发的网页浏览器。该浏览器是基于其他开源软件所撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。软件的名称是来自于称作Chrome的网络浏览器图形使用者界面（GUI）。但是目前网上支付还不支持谷歌浏览器。另外有些google服务被国内屏蔽，不能整合使用。

3、所以相对而言，谷歌浏览器的兼容性要差些，低于火狐浏览器。这也就是生活中我们遇到的有些操作火狐可以谷歌却不可以。

二、JS轻松获取对象之srcElement与target篇

1、  开发中，当执行一个事件时需要去知道触发这个事件的对象是谁？那么，如何获取，在这里我就对 event.srcElement与event.target操作获取略作区分。

2、 event.srcElement：表示可以获取当前作用事件的对象。

3、 event.target：事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。

4、 event.target： Ie9+火狐、谷歌；

5、一、利用event.srcElement获取标签：

6、event.srcElement.tagName：因为它获取出来的都是以大写的形式，例如（“A”，“DIV”）所以需要转换 obj.tagName.toLowerCase()="a"

7、二、利用event.srcElement获取子对象:

8、第一个子标签：event.srcElement.firstChild;

9、最后个一个是： event.srcElement.lastChild;

10、第几个孩子： event.srcElement.children[i];

11、所有孩子： event.srcElement.children;

12、所有孩子节点： event.srcElement.childNodes;

13、三、利用event.srcElement获取父对象：

14、.event.srcElement.parentElement；可以理解成是在鼠标所在对象的上一个对象。

15、四、vent.target的判断使用 

16、 js中事件是会泡的，event.target它永远是直接接受事件的目标DOM元素 

17、一般是获取这个对象的id，兼容的写法如下：

18、var targetId= event.target? event.target.id: event.srcElement.id;

三、谷歌浏览器vue调试方法介绍

1、进入verder下的 manifestjson，修改persistent为 true，保存刷新浏览器扩展程序即可使用运行vue程序，即可在控制台中看到此调试工具vue devtools在用vue做的网站上会变亮但不能查看其结构只有在本地运行的项目才。

2、工具谷歌浏览器步骤打开开发者工具，可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者直接记住这个快捷方式 Ctrl+Shift+I或者Ctrl+Shift+J直接打开控制台，或者直接按F12打开的开发者工具就。

3、使用的工具谷歌浏览器测试的网站可以按照下面的方法进行调试1f12打开开发者工具，控制台介绍Elements页面元素，可以进行编辑，保存后实时查看页面效果Network查看js模拟的。

4、在谷歌浏览器中按f12，然后选下面的scripts，就可以调试js代码了，点击左边的列数可以设置断点，再点击一下，取消断点。

5、首先请打开“谷歌浏览器”废话，然后打开一个网页，按“F12”会出现一个控制台，找到一个叫做“Sources”，点击它 OK，如果你的页面现在已经加载过JS脚本的话，那么应该可以看到一些JS文件了然后你可以在左侧侧栏的序号。

6、在js代码里面写一行debugger标记，之后再浏览器界面打开F12，之后会自动进入断点状态，F11是单步调试，F8是跳过断点。

7、首先是启动谷歌浏览器的开发者工具的方法在浏览器右上角的选项中点击，下拉菜单选工具开发者工具，快捷键CTRL+shift+I打开开发者工具后，在浏览器下方出现一个调试面板左侧是网页HTML调试查看，右侧是CSS代码调试。

8、这里主要介绍三种方法1Chrome DevTools谷歌浏览器的模拟手机调试 2IOS Safari真机调试 3Chrome DevTools远程调试Android这种调试方式不仅能用于模拟手机调试还是主要的PC端页面调试的方式，这里主要说用于手机调试a。

9、谷歌浏览器使用方法1百度搜索“谷歌浏览器”点击下载开始安装2双击“谷歌浏览器”下载程序，五秒后直接安装成功，并且自动打开浏览器界面3安装完后，我们来看一下关于“谷歌浏览器”都有哪些功能，点击最上面的。

10、本文会教你如何在桌面电脑手机或平板电脑上使用Google Chrome网页浏览器掌握了基础要点后，可以再继续学习如何添加扩展程序进行个性化设置和在电视上使用Chrome方法1在Windows电脑使用Chrome1在电脑上安装Chrome如果你还未安装。

11、新颖惊艳的Impressjs内容展示效果库，类似3D版 PPT Kinect+WebGL其他各种有用的库等此外今年还新增了专门面向移动设备的页面更多的谷歌浏览器运用方法可以参考。

12、1chrome被你人为重置了2清理软件将chrome所有设置重置3为防止chrome设置在用户不知情的情况下被篡改，google的新政策会在甚至异常的情况下自动重置。

13、更换成videojs插件一直提示无法找到视频文件正确路径，无法播放原因在于视频播放需要在DOM加载完毕，并且获取到后端返回的视频播放地址之后才可以正确播放video，英语单词，主要用作名词形容词动词，作名词时意为视频。

14、F12，打开Elements，定位到该元素，点击右侧Event Listeners可以看到绑定的事件。

15、审查元素里是浏览器解析完的代码比如说某个元素比如图片，文字，按钮在当前页面代码的出现位置，是不能看的所谓的网页具体位置。

16、远程调试是用来调试运行在安桌上的浏览器中的网页，本地网页可以用WebStorm发布成Web服务，就可以用谷歌浏览器的远程调试来调试了如没有特别需求，本地网页可以在Chrome中直接调试的。

17、关于谷歌应用问题1由于谷歌之前已经退出中国大陆市场，所以在中国大陆上市的三星Android系统手机均不内置googlePlayStore以及其它的Google应用软件 2谷歌相关应用程序如googlePlayStore在中国大陆上市的手机中无法安装使用。

四、谷歌浏览器Chrome58正式版将具有哪些新特征

尽管谷歌浏览器Chrome58正式版尚未正式发布，但其测试版已经发布，并提供免费下载和使用，从测试版来看，Chrome58将会有较大的变化和改进，具体有哪些呢？我们来看。

58版Chrome将支持 IndexedDB 2.0

IndexedDB的技术特点是，不需要你去写特定的sql语句来对数据进行操作，它是nosql的，数据形式使用的是json。它是HTML5本地存储的一种技术，本地存储这个概念想必大家都已经有所了解了，就是把一些数据存储到浏览器中，当与网络断开时，可以从浏览器中读取数据，用来做一些离线应用。

网站里有广告内容是再常见不过的事情，而且，很多广告内容是来自第三方网站的，这些广告代码的安全性就比较难以保证了，而使用Chrome 58现在支持新的 iframe沙盒关键字 allow-top-navigation-by-user-activation，可以防止这些代码访问顶级导航页面，并阻止自动重定向。

安卓版Chrome58提供Progressive Web App沉浸式体验

当我们在安卓系统上使用Progressive Web App时，会自动隐藏非必要元素，这样可以提供更多的屏幕空间，且不被不必要的元素打扰，并且新版中还提供全屏模式参数。

谷歌浏览器Chrome58测试版还有以下重大升级和改变，根据 Chrome针对一些重要功能的政策，使用 Notifications API请求通知权限或创建非永久本地通知时，网站必须使用 HTTPS；现在 Chrome（Mac版）支持 PointerEvent.tangentialPressure和PointerEvent.twist属性，可为触控笔设备和绘画应用提供更多信息。

五、谷歌浏览器启动页总是112112导航页

1、如果你尝试过普通方法无效，可以怀疑是vbs定时调用系统服务添加的地址，这个劫持方法是最顽固隐蔽的之一，可以用wmitools这个工具清除，大致如下：

2、到WMITool安装路径（默认路径通常是→ C:\Program Files(x86)\WMI Tools）下，右键点击wbemeventviewer.exe，选择以管理员身份运行！删之！更具体的可以看网上教程，很多。

好了，关于谷歌浏览器 event和谷歌浏览器event clientx undefined的问题到这里结束啦，希望可以解决您的问题哈！