google浏览器Event.path 被删除处理

最新推荐文章于 2023-05-09 10:12:21 发布

原创最新推荐文章于 2023-05-09 10:12:21 发布 · 665 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

前端同时被 2 个专栏收录

23 篇文章

订阅专栏

vue

14 篇文章

订阅专栏

google浏览器Event.path 109版本开始正式移除path

vue处理思路，使用refs定位事件元素，查找父元素或子元素，进行相应优化兼容；

this.$refs[e.target.value][0].firstChild.className = 'ant-checkbox-wrapper'
this.$refs[e.target.value][0].firstChild.firstChild.className = 'ant-checkbox'

参考

JS获取父节点、子节点、兄弟节点

https://blog.youkuaiyun.com/qq_44552416/article/details/113931949

chrome浏览器，删除 Event.path，引发报错

https://blog.youkuaiyun.com/qqjuanqq/article/details/128818816（这种方法也可行）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

亡魂

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【浏览器扩展工程化】1.WXT、React与界面状态：构建基本项目与数据同步

Joker6578的博客

05-30

971

摘要：浏览器扩展是通过HTML/CSS/JavaScript开发的小程序，用于增强浏览器功能。其核心包括manifest.json配置文件、后台脚本（ServiceWorker）、用户界面页面（Popup/Options）和内容脚本（ContentScripts）。由于各组件运行在隔离环境中，需要通过chrome.runtime.sendMessage或chrome.storage API进行通信和数据同步。chrome.storage提供持久化存储和状态同步能力，适合保存用户偏好；而消息传递更适合即时操作

一个转为爬虫设计的浏览器，修改chromnium代码，无视画布指纹追踪，webrtc泄露IP，支持selenium驱动，删除webdriver属性，修改event的isTrusted属性

ggl1438的博客

12-07

5476

闲言碎语做爬虫的都知道canvs、font、webgl等指纹，我个人感觉【代码1】这些除了canvs、font、webgl之外没啥大用，同样安装谷歌浏览器的，你有我也有，厂商无法当作指纹唯一的标准。前几天遇到携程这种的，连续获取你几遍画布指纹，发现收集一次你变一次，那就给你假的酒店价格，而同样的套路某数就没有（瑞数的大哥可以采纳下）。除了指纹，我发现是鼠标键盘输入等事件在评分环节占比超级高，那么除了扣JS、pyppetter之外的方案（自动化、rpc等），就要考虑click里的属性isTrusted。这个优

参与评论您还未登录，请先登录后发表或查看评论

event.path参数被浏览器删除，如何一劳永逸的解决

天渺(喵)工作室

02-12

1233

event.path参数被浏览器删除，如何一劳永逸的解决.event.path参最早从官方issue中可获知chromium内核团队早在21年就开始认为 Event.path 属于非标准 API,某些地方已经开始删除event.path数组参数了。2月初，Chrome(版本号109.0.5414.120)在一次升级中删除绑定点击等等部分事件中的Event.path数组参数，,将当前所有的冒泡一层一层 parentNode 元素收集起来。方法，但是根据网上的某些网友反馈也有可能返回空数组（暂未找到原因）。

chrome浏览器删除了event.path导致报错或功能失效

weixin_51435431的博客

02-09

461

chrome浏览器删除了event.path导致报错或功能失效

Google 弃用event.path后的替换方案

qq_37107017的博客

02-09

901

Google 弃用event.path后的替换方案

谷歌浏览器e.path不存在问题

weixin_42255542的博客

05-09

851

【代码】e.path不存在问题。

chrome浏览器，删除 Event.path，引发报错

qqjuanqq的博客

01-31

1457

谷歌浏览器，Event.path被删除引起的报错

from playwright.sync_api import sync_playwright import subprocess import time import os debugging_ports = [9222, 9223, 9224, 9225, 9226] chrome_path = "C:\\Users\\Windows10\\Desktop\\chromedriver-win64\\chrome-win64\\chrome.exe" subprocess.Popen([ chrome_path, f"--remote-debugging-port={debugging_ports[0]}", "https://www.dianxiaomi.com/web/popTemu/add" ]) all_files = [] # 存储所有要上传的文件路径 root_folder = "C:\\Users\\Windows10\\Desktop\\素材" # 替换为需要上传文件夹的路径 dz_numbered_folders = [ folder for folder in os.listdir(root_folder) if folder.startswith("DZ") and folder[2:].isdigit() and os.path.isdir(os.path.join(root_folder, folder)) ] print(f"找到 {len(dz_numbered_folders)} 个 DZ+数字的文件夹：") dz_numbered_folders.sort()# 排序确保按 DZ001 -> DZ002 顺序上传 def upload_folder(folder_name, port): folder_path = os.path.join(root_folder, folder_name) process = subprocess.Popen([ chrome_path, f"--remote-debugging-port={port}", "https://www.dianxiaomi.com/web/popTemu/add" ])# 启动 Chrome 并打开目标网页 time.sleep(2) # 等待浏览器启动 with sync_playwright() as p: try: browser = p.chromium.connect_over_cdp(f"http://localhost:{port}") page = browser.contexts[0].pages[0] # 获取第一个上下文的第一个页面 # 定位按钮并悬停 button = page.locator("button:has-text('选择图片')") button.hover() print("鼠标已悬停在按钮上") # 定位并点击“本地图片”选项 page.wait_for_selector("li[data-menu-id='local']", timeout=1000) page.locator("li[data-menu-id='local']").click() print("已点击“本地图片”选项") files_in_folder = [ os.path.join(folder_path, f) for f in os.listdir(folder_path) if os.path.isfile(os.path.join(folder_path, f)) and f.lower().endswith(('.png', '.jpg', '.jpeg')) ] if files_in_folder: print(f"准备上传 {len(files_in_folder)} 个文件...") page.set_input_files("input[type=file]", files_in_folder)# 批量上传文件（页面中有一个隐藏的 <input type="file"> 元素） print("文件上传完成！") else: print(f"文件夹 {folder_name} 中没有图片可上传。") print("请关闭浏览器窗口以继续下一个文件夹...") while True: if not browser.contexts or not browser.contexts[0].pages: print("页面已关闭，继续下一个任务。") break time.sleep(1) browser.close()# 关闭浏览器连接 # # 遍历每个 DZ 文件夹 # for folder in dz_numbered_folders: # full_folder_path = os.path.join(root_folder, folder) # 修复：加上 root_folder # print(f"正在处理文件夹：{folder}") # # files_in_folder = [ # # os.path.join(folder, f) for f in os.listdir(folder) # # if os.path.isfile(os.path.join(folder, f)) and f.lower().endswith(('.png', '.jpg', '.jpeg')) # # ] # file_paths = [ # os.path.join(root_folder, f) for f in os.listdir(root_folder) # if os.path.isfile(os.path.join(root_folder, f)) and f.lower().endswith(('.png', '.jpg', '.jpeg')) # ] # all_files.extend(file_paths) # # 批量上传文件（页面中有一个隐藏的 <input type="file"> 元素） # if all_files: # print(f"准备上传 {len(all_files)} 个文件...") # page.set_input_files("input[type=file]", all_files) # print("所有文件上传完成！") # else: # print("没有找到任何可上传的文件。") except Exception as e: print(f"操作失败：{e}") finally: process.terminate() # 关闭浏览器进程 for i, folder in enumerate(dz_numbered_folders): upload_folder(folder, debugging_ports[i % len(debugging_ports)]) 代码如上，报错如下 BrowserType.connect_over_cdp: connect ECONNREFUSED ::1:9226 Call log: - <ws preparing> retrieving websocket url from http://localhost:9226

最新发布

09-11

> Playwright 试图通过 CDP（Chrome DevTools Protocol）连接到本地运行的 Chrome 浏览器，但目标端口 `9226` 没有响应，连接被拒绝。 --- ## ✅ 错误原因分析 ### 1. **浏览器没有成功启动** 你使用了 `...

谷歌日历api.zip

12-23

谷歌日历API（Google Calendar API）是谷歌提供的一项服务，允许开发者通过编程方式与谷歌日历进行交互，创建、更新、删除事件，获取用户日程等。Python是常用的编程语言，用于对接谷歌日历API，提供了简单易用的库...

浏览器安装路径与executable_path

07-03

特别是在新版本Selenium中，executable_path参数被弃用，应该如何处理？解释：在Selenium3中，我们通常这样初始化一个浏览器驱动（以Chrome为例）：from seleniumimport webdriverdriver= webdriver.Chrome...

火狐浏览器获取Dom元素event.path属性不存在

qq_39585172的博客

05-23

958

因为列表做了左右拖拽滑动的功能，表头保留拖动修改列宽的功能，故只有列表内容拖动左右滑动，所以点击获取当前点击元素市需要判断是表头还是内容。方法一：（不满足需要） event.path兼容性问题_吾昂王sun的博客-优快云博客_composedpath 方法二：（博主回答了方法一的不足） FireFox火狐浏览器Event.path属性不存在 - 知乎主要代码： //以下composedPath方法就是具体的实现过程： composedPath (e) { // 存在则直接r

浏览器Event.path属性不存在问题解决方法

Komorebi_00的博客

03-23

1296

在做项目的时候遇到自定义下拉列表多选组件点击下拉后无法缩回的问题，在本地运行代码，没有任何问题，但是部署到测试环境或生产环境时，在360浏览器上正常，在谷歌浏览器、Edge上就会出现下拉无法缩回的问题，同时可以看到测试环境或生产环境报错了。

event.path兼容性问题

吾昂王

11-24

6127

问题：在项目开发时，有时需要获取冒泡或捕获过程的所有元素解决方案： Chrome通过event.path获取： element.onClick(event) { const ev = window.event || event; const path = ev.path; } event.path属性在Chrome和Opera浏览器下没问题，但是在Firefox和Safari中发现event并没有path属性所以在Firefox...

vue-draggable浏览器拖拽event事件对象拖动时 DragEvent path undefined

qq_41742839的博客

02-25

1443

vue-draggable的path属性不存在 e.path是Chrome单独支持的属性，不属于MDN的标准，所以在MDN上搜不到event.path，但是composedPath是标准的属性。在分析FireFox的event对象时发现，event.target对象中的parentNode就是上层的父元素DOM节点。高兴的将上述代码拿到项目中尝试发现，WTF？（难道是自定义事件的锅吗？然后在项目中使用这个方法做一个兼容即可。

d3事件(二):事件的触发与自定义事件

cxu123321的博客

02-02

1198

d3事件(二):事件的触发与自定义事件原创蚁方阵最后发布于2016-08-05 23:49:44 阅读数 5200 收藏展开在第4版中，d3新增了事件的触发函数dispatch，类似于jquery的trigger函数，用于触发dom元素的事件处理函数。并且，d3的选择集合还可以注册任意名称的事件与相关的事件处理函数，即自定义事件。假定页面中还存在文章”d3事件...

Chromedriver的Path环境变量设置