在PuppeteerSharp中使用复杂的jquery选择器
在PuppeteerSharp中使用复杂的jQuery选择器，可以通过以下步骤实现：
- 首先，确保已经安装了PuppeteerSharp库，并在项目中引用了相关的命名空间。
- 创建一个新的PuppeteerSharp浏览器实例，并启动浏览器。
using PuppeteerSharp;
class Program
{
static async Task Main(string[] args)
{
await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);
var browser = await Puppeteer.LaunchAsync(new LaunchOptions
{
Headless = true
});
var page = await browser.NewPageAsync();
// 在这里执行选择器操作
await browser.CloseAsync();
}
}- 在页面上加载需要进行选择器操作的网页。
await page.GoToAsync("https://example.com");- 使用PuppeteerSharp的EvaluateFunctionAsync方法执行JavaScript代码，通过jQuery选择器选取元素。
var element = await page.EvaluateFunctionAsync<ElementHandle>("(selector) => document.querySelector(selector)", "#myElement");在上述代码中，我们使用了document.querySelector方法来选取指定的元素，其中选择器参数可以是任何有效的CSS选择器。
- 如果需要使用更复杂的jQuery选择器，可以通过注入jQuery库来实现。
await page.AddScriptTagAsync(new AddTagOptions { Url = "https://code.jquery.com/jquery-3.6.0.min.js" });
var element = await page.EvaluateFunctionAsync<ElementHandle>("(selector) => $(selector)[0]", "#myElement");在上述代码中，我们通过AddScriptTagAsync方法将jQuery库注入到页面中，并使用$(selector)来选取元素。
- 最后，可以对选取到的元素进行进一步的操作，例如获取文本内容、属性值等。
var textContent = await element.EvaluateFunctionAsync<string>("(element) => element.textContent");
var attributeValue = await element.EvaluateFunctionAsync<string>("(element) => element.getAttribute('href')");以上就是在PuppeteerSharp中使用复杂的jQuery选择器的步骤。根据具体的需求，可以灵活运用选择器来定位和操作页面元素。
推荐的腾讯云相关产品：腾讯云服务器（CVM）、腾讯云函数（SCF）、腾讯云数据库（TencentDB）等。您可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
使用PuppeteerSharp，我试图使用下面的C#代码获得performance.timeOrigin值：
JToken performanceTimeOriginString = await _page.EvaluateFunctionAsync("JSON.stringify(performance.timeOrigin);").ConfigureAwait(false);
我已经验证了这在JavaScript控制台中是可行的：
但是，当我运行上述PuppeteerSharp代码时，会得到以下异常：
System.AggregateException: One o
浏览 0提问于2020-03-14得票数 0
回答已采纳
我是PuppeteerSharp的新手，我已经在互联网上搜索了几个小时，也搜索了文档，但我似乎没有找到解决我的问题的方法。 现在，我在我的网页上有一个带有一些行的表格(见附件图片)。我需要找到其中一列中包含一些文本的行，然后单击它左边的按钮(带箭头的黑色按钮)。 我已经在火狐开发工具的JQuery中获得了我的按钮(至少是td)，如下所示： $("td: Contains('41818397111')").parent().find("td[id = 'InvoiceDetails']")" 但是我不知道如何在Puppet
浏览 175提问于2021-10-22得票数 0
我正在寻找一个最新的例子，如何让PuppeteerSharp运行在一个AWS弹性豆柄实例运行码头(.NET核心6)。有相当多的文章要么已经过时，要么记录不清，或者两者兼而有之。我尝试在我的Dockerfile中安装Chrome依赖项，但是我无法运行它。
是否有人使用AWS + .NET Core 6+ Docker + Puppeteer的工作示例？
这是我当前的Dockerfile：
FROM mcr.microsoft.com/dotnet/sdk:6.0 AS build-env
WORKDIR /app
# Copy csproj and restore as distinct la
浏览 34提问于2022-01-18得票数 0
回答已采纳
2回答
我有一个很大的HTML页面。一些元素(可以是p、h1、div等)标记了类'keep_me‘。我需要在没有这个类的情况下删除页面中的所有元素吗？有没有关于如何用jQuery做到这一点的想法？
我试过这样的东西，但它不起作用(显然;)：
jQuery('#content *').remove(":not('[class=keep_me]')");
浏览 0提问于2010-08-24得票数 8
回答已采纳
1回答
使用PuppeteerSharp，我试图获取元素的文本。 ElementHandle elementHandle = await page.XPathAsync("//html/body/div[1]/section/div/section/h2")[0]; 现在我有了元素句柄，我该如何从它获取文本呢？我没有看到任何明显的方法。我会期待TextAsync或类似的东西，但我没有看到它。 使用PuppeteerSharp 5.0。
浏览 104提问于2021-08-04得票数 0
回答已采纳
1回答
如何使用jQuery选择没有ID或类名标记的DOM元素？
我注意到Chrome调试器在底部的任务栏上显示了DOM的位置，这非常有用。
问:下面的DOM元素的jQuery()选择器是什么？
这是我的Chrome调试器的截图。
浏览 0提问于2012-03-22得票数 1
回答已采纳
下面是PuppeteerSharp的要求，我不知道如何在Windows 7上使用PuppeteerSharp，有人可以给我看代码吗？
支持WebSocket库的最低Windows版本是Windows8和Windows 2012。阅读更多。如果你需要在Windows 7上运行System.Net.WebSockets.Client.Managed，你可以通过LaunchOptions.WebSocketFactory属性使用LaunchOptions.WebSocketFactory。，怎么做？
浏览 3提问于2020-01-14得票数 2
当我试图在getEventListeners中使用puppeteerSharp时，我得到了getEventListeners is not defined错误：
var result = await page.EvaluateExpressionHandleAsync("getEventListeners(document.forms[0].getElementsByTagName('button')[0])");
如何在getEventListeners中使用puppeteerSharp？
我为javascript找到了这个：
const cdp = awai
浏览 0提问于2021-02-20得票数 0
回答已采纳
由于一些限制，我必须使用代理来访问一个特定的网站。为此，我订阅了一个付费代理服务，并尝试访问该网站，它工作。然而，要使用Google Chrome的代理服务，我必须从Windows Edge浏览器配置代理设置，因此代理设置会影响我PC中的所有web浏览器，这是我不想要的；因为，除了特定的网站，我可以使用ISP直接访问所有其他网站，而不会出现任何问题。我已经尝试了下面的C#代码，看看我是否可以在底层的Chromium会话期间使用代理设置来访问“WhatIsMyIP”网站。
private static readonly LaunchOptions puppeteer_launchOpti
浏览 0提问于2019-10-05得票数 1
我有一个简单的问题，如果循环在外部，是否值得“缓存”DOM更改(对于循环，..)如果我有1000个即将到来的变化，它会带来巨大的性能提升(据我所知，不是我自己测量的)，但如果我只替换这样的内容呢？
jQuery("#subMenu").html( jQuery( html ).find( "#subMenu" ).html() );
jQuery("#pageMain").html( jQuery( html ).find( "#pageMain" ).html());
jQuery("#text").html(
浏览 2提问于2011-07-23得票数 0
回答已采纳
除了保留某种结构化标记之外，当涉及CSS或jQuery时，是否有合理的理由使用多层/树选择器。
我指的是多层/树选择器：
$('#grand-parent > #parent > .child').doSomething();
#grand-parent #parent .child
我经常看到人们使用这种类型的选择，即使DOM中没有其他元素与.child类一起使用，因此为什么我想知道在场景中使用它的必要性/原因--在场景中，最终选择器(.child)只存在一次？
因此，这不是主观的，而是一个可以得到真正答案的问题；当我说需要或理由时，我指的是性能提升之类的东西，或
浏览 5提问于2012-02-17得票数 1
回答已采纳
我正在尝试执行以下代码：
await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);
#if DEBUG
var chromeLocation = Path.Combine(context.FunctionDirectory, @"../.local-chromium/Win64-706915/chrome-win/chrome.exe");
#endif
stage = "Start Browser";
浏览 16提问于2020-05-29得票数 0
在Puppeteer中，您可以评估异步函数：
await page.evaluate(async () => {
// await some promise
});
在PuppeteerSharp中有类似的吗？使用EvaluateFunctionAsync，任务在承诺解决之前完成：
await page.EvaluateFunctionAsync(@"async () => {
// await some promise
}");
浏览 1提问于2018-06-29得票数 5
回答已采纳
我在C#中使用PuppeteerSharp。
我想使用await page.GoToAsync(localPath);，但面临以下异常：
Protocol error (Page.navigate): Cannot navigate to invalid URL
如何支持浏览本地路径而不是HTTPS？
浏览 22提问于2021-06-09得票数 0
问题
我试图在样式标记中获取内容，但我无法让它工作。
代码做什么
我使用jQuery并尝试使用text()和html()获取样式内容。它不起作用。
我的代码
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet/less" type="text/css" href="cs
浏览 7提问于2011-11-18得票数 4
回答已采纳
我是jQuery的新手，我知道class、id和jQuery中的name选择器。
在我的HTML中，我有6个textarea元素，它们的ID是唯一的，并且有一个特定的模式来启动ID(例如: id= "TA1"，id=“TA2”。以此类推。)。
我的问题是，在jQuery中是否有一种选择所有这些textarea元素的方法，这些textarea元素的ID以特定模式开头，以特定模式结束？
编辑：需要开始模式和结束模式的组合
浏览 2提问于2013-05-06得票数 3
回答已采纳
我对div使用jquery click事件，div区域有一个input元素。因为input元素在div中，所以当我单击input时，click函数可以工作，但是我不想要这个动作。我查看了Jquery网站的选择器页面，但我找不到这个选择器。我该怎么做呢？
浏览 2提问于2011-05-07得票数 1
回答已采纳
我正在使用puppeteersharp将HTML转换为图像： https://www.puppeteersharp.com/examples/index.html 这是获取HTMl并保存图像，然后我将返回base64图像，我希望返回图像base64而不将其保存在硬盘驱动器中。 代码如下： await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);
var browser = await Puppeteer.LaunchAsync(new LaunchOptions
浏览 28提问于2020-08-11得票数 0
回答已采纳
1回答
由于我需要在一个网页上显示不同的语言(即在文本字段中有多种语言，然后使用PuppeteerSharp打印为PDF)，如何在Azure Linux函数中安装字体？
浏览 25提问于2021-07-09得票数 0
我是新来的木偶夏普和木偶技师一般。我正在尝试将木偶师中使用的函数转换为puppeteerSharp，并且我想知道如何做到这一点。下面是木偶师的功能(这个函数向下滚动到页面的末尾)：
async function autoScroll(page){
await page.evaluate(async () => {
await new Promise((resolve, reject) => {
var totalHeight = 0;
var distance = 100;
var timer = setInterval(()
浏览 5提问于2021-08-25得票数 1
回答已采纳
在本例中，我有两个具有相同目标的相似div。绑定来自日期时间选择器的所选日期，并将其保存到由knockout js绑定的对象。
第一个div的问题是，因为我使用了knockout " with“绑定，所以datetimepicker不会出现。
第二个div使用普通的knockout js绑定语法，它可以很好地与datetimepicker配合使用。
我也使用jquery-ui Accordion体验过这种行为。
我的问题是:这是knockout或jquery-ui中的错误吗？有没有变通的办法，这样我就可以使用"with“绑定了？
浏览 2提问于2012-02-09得票数 1
回答已采纳
如何将chrome扩展加载到PuppeteerSharp的驱动程序中，类似于Selenium的选项：
ChromeOptions options = new ChromeOptions();
options.AddExtension(@"C:\a\path\to\file.zip");
浏览 6提问于2018-09-03得票数 2
首先:我不熟悉Prototype JS框架！到目前为止，我一直在使用jQuery。在jQuery中，我可以通过编码获得一个元素：
$('#myitemid .myitemclass').val()
html：
<div id="myitemid">
<input type="text" class="notmyclass" />
<input type="text" class="myitemclass" />
<input type
浏览 0提问于2010-01-07得票数 2
回答已采纳
我经常在each中使用jQuery方法，如下所示：
$('#thing img').each(function(){
//do some stuff
});
...where函数对jQuery对象中的每个元素执行。是否有对对象中唯一(或第一次匹配)元素执行操作的方法/语法？
我想象的是
$('#thing img').do(function(){
//do some stuff
});
我不需要使用jQuery，但可以使用，因为所讨论的应用程序已经使用了它。
浏览 7提问于2011-07-08得票数 3
回答已采纳
1回答
我对javascript和jQuery很陌生。
我只想知道有没有办法创造不同的东西，比如说结构化的多姆语言？
在jQuery中选择所有div
var divs = $("div");
我想知道这种事情的可能性
var SDL =新的SDL()；
var div = SDL.query("select div from document"); //or something like that ..
或者用ID选择一个div
var div = SDL.query("select div from document where id='divID&#
浏览 0提问于2012-07-22得票数 0
回答已采纳
2回答
我有以下HTML (WordPress)
我把身份证硬编码到里面了
id="liva-logo
但这不是WordPress中的最佳实践，因为我每次更新主题都会丢失它。
在某些页面上，我使用一些jQuery来更改img src。
jQuery(document).ready(function () {
if(window.location.href.indexOf("livathome") > -1 || window.location.href.indexOf("eigendom") > -1) {
jQuery(
浏览 1提问于2018-04-25得票数 1
回答已采纳
在用户脚本中使用querySelector()和jQuery的$()有什么好处吗？我希望脚本能够在所有支持用户脚本的主要浏览器中工作，所以我对跨浏览器兼容性特别感兴趣。
我开始对此感到好奇，因为我注意到了诚实网优秀的Reddit增强套件将jQuery作为依赖项包括在内，但大多数情况下都坚持使用querySelector()来选择元素和其他用于DOM操作的基本JavaScript方法。
这仅仅是品味问题，还是有理由将jQuery的使用量保持在最低限度？
浏览 10提问于2013-02-09得票数 5
回答已采纳
我有一个名为$(stuff)的jquery对象。
在$(stuff)内部有一堆html代码，其中包含一个可变数量的<table>，我只想看看html中的第一个表。
在第一个表中，我希望搜索第一列(实际上是任意列)，以找到一个值为"9.5“的子字符串
我想知道该表中"9.5“下的行数，并返回该值。
执行操作的代码的思想(不起作用)：
var tableRow = $(stuff).filter(function () {
return $('td' + ":contains
浏览 1提问于2016-08-26得票数 1
回答已采纳
我试图使用PuppeteerSharp来获得元素的计算颜色属性。我已经看到了几个使用Pupeeteer (而不是Sharp)的答案，这表明window.getComputedStyle()可能是解决方案，但我无法让它使用PuppeteerSharp。
见：
到目前为止，我的代码如下所示：
await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);
using (browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = IsHe
浏览 2提问于2020-11-17得票数 0
回答已采纳
我正在尝试使用querySelector复制此jQuery选择器：
$("*:not(#player > div)")
我知道可以使用querySelector('*')选择所有元素，但是如何排除与#player > div匹配的元素
浏览 0提问于2015-07-23得票数 4
1回答
我目前正在写一个Bootstrap css的电子应用程序。不管出于什么原因，bootstrap-heme.min.css在bootstrap.min.css之前加载，尽管它的顺序是相反的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="src/css/font-awesome.min.css">
浏览 2提问于2016-07-28得票数 1
5回答
我知道在jQuery中，在使用选择器时更具体是有利的，这样jQuery就不必遍历整个DOM来查找您正在寻找的内容。例如，如果我知道$('span.description')类只应用于$('.description')元素，那么description就比<span>好。
CSS也是这样吗？我用span.description { }代替.description { }有什么特别的好处吗？我考虑的是速度，优化等。我告诉浏览器在哪里查找，会不会省去了一些工作？
浏览 0提问于2009-09-13得票数 8
回答已采纳
3回答
在下面的树中，我只想选择PARENT和GRANDCHILD
<div class="jstree">
<ul>
<li>
<a>PARENT</a>
<ul>
<li>
<a>CHILD</a>
<ul>
<li>
<a>GRANDCHILD</a>
</li>
</ul>
</li>
浏览 0提问于2013-06-06得票数 3
回答已采纳
1回答
我需要关于jQuery的帮助，目前我正在使用以下选择器。
$("#myDiv>a")
这将选择我的部门中的所有50个链接，我如何过滤掉被选中的特定链接？我的链接href包含"cat -kennel“，我尝试使用(href*-cat-kennel)，但不起作用？？
浏览 0提问于2013-11-03得票数 0
，我是否可以仅使用jQuery的/sizzle的CSS选择器获得所选元素的父元素？
在使用jQuery时，我需要能够获得元素的父元素，但是我无法使用 use jQuery('#myelement').parent()，因为我将选择器作为字符串接收，而“用户”需要能够向上移动到树上。
我在文档中看不到任何东西，所以我想知道它是没有文件的，还是我可以使用的黑客？
浏览 7提问于2010-03-05得票数 3
回答已采纳
2回答
我现在正在练习我的JS技能和Jquery。
var clickcheckboxcount=0;
var clickedcheckboxname = new Array();
var clickedcheckboxvalue = new Array();
$("#input[type=checkbox]").click(function(){
if ($('div:not([class~=clicked])'){
$(this).addClass(clickcheckboxcount+'clicked');
clicked
浏览 4提问于2014-02-26得票数 0
回答已采纳
1回答
单击动态修改的按钮？
、、、
目标页面具有以下来源：
jQuery(function () {
var delay = 1000; //1 sn
var id = "0b9cfb9f62ef7a2";
jQuery.ajax({
"method":"get",
"url":"?ajax="+id,
"success": function (json) {
//alert(json);
json = JSON.p
浏览 1提问于2016-09-25得票数 1
回答已采纳
2回答
试图通过修读代码学校( CoffeeScript )课程来控制CoffeeScript和jQuery。
使用的摘录之一是$("<li>" + name + "</li>")。我设法发现$是jQuery的别名(对吗？)，所以我猜这意味着我们用一个字符串调用jQuery函数(name是一个字符串，由两个文本包围)。
所以..。jQuery函数自己做什么？试着看了看api.jquery.com，很难弄清楚。谢谢!
浏览 8提问于2013-01-03得票数 3
回答已采纳
有没有办法通过Puppeteersharp下载显示在页面上的图片？
我知道我可以使用选择器来检索src，然后使用WebClient或HTTPRequest，但是我想知道是否可以直接这样做。
浏览 12提问于2020-12-20得票数 0
3回答
可以将CSS选择器传递给jQuery函数，例如：
jQuery('h1 + h2');
jQuery还有一些过滤器，如:even和:odd。
jQuery('tr:even');
我在寻找某种语法规则来区分这两者，我在想，也许jQuery过滤器总是使用:。
然而，一些也使用:。例如：
:last-child
:root
:empty
:target
有没有人有任何智能提示来知道它是一个CSS选择器还是一个jQuery过滤器？
浏览 1提问于2012-04-02得票数 6
回答已采纳
我需要在多线程应用程序中使用PuppeteerSharp。我可以将Puppeteer.LaunchAsync()作为单例使用吗？browser.NewPageAsync()是否占用大量资源？如果是，我可以使用资源池模式吗？在重用之前需要进行哪些清理？
浏览 15提问于2020-04-29得票数 0
回答已采纳
这是一个非常简单的问题。想象一下，在我的网页索引上，有一个元素，我们称它为#newsletter，它绑定了一个jquery事件。此元素不存在于“我的网站”的其他子页面上。现在，在我的javascript文件中，我应该将绑定限制为仅当元素存在时(用户在索引上)，还是jquery自动执行此操作？
因此，实际上，我现在拥有的是:在我的.js文件中，函数被绑定到所有子页面上的元素，即使该元素不存在。这是一个问题吗？
浏览 0提问于2011-03-27得票数 1
回答已采纳
1回答
母版页：
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Master.master.cs" Inherits="Master" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns
浏览 3提问于2013-09-18得票数 0
我有这样一个元素：
<a id="my%20id" href="#">hello</a>
我一直在拼命地尝试用jQuery来选择它，但是不能。我试过：
$('a#my id') // obviously won't work
$('a#my\ id') // no such luck
$('a#my%20id') // unrecognize
浏览 3提问于2013-12-21得票数 6
回答已采纳
我注意到在文件../vendor/sonata-project/doctrine-orm-admin-bundle/Sonata/DoctrineORMAdminBundle/Resources/views/CRUD/edit_orm_one_association_script.html.twig，中，当您单击链接add时，它会创建一个新行，特别是在下面的代码中：
// the ajax post
jQuery(form).ajaxSubmit({
url: '{{ url('sonata_admin_append_form_element',
浏览 3提问于2013-08-24得票数 3
回答已采纳
当我点击‘编辑’按钮时，我希望'info‘div是可见的。当我尝试使用javascript dom操作时，它起作用了。我也想用jQuery做同样的事情。这是我的。
$(document).ready(function() {
$('button#edit').click(function() {
$('.col2-content#info').show();
});
});
浏览 0提问于2011-04-10得票数 1
回答已采纳
4回答
我有一个很大的产品表列表，它是动态的，使用ajax进行更改。那张表中有一个可以容纳100行左右的行。
我已经看到，用于选择元素的上下文方法$('.className', '#parentElement');的性能比通常的$('.className');或$('#parentElement .className');要好得多。(如果错了请纠正我)
在某些情况下，我需要使用jQuery选择一个特定的元素，在每个新行中都会动态添加唯一的id="product-name-123456"和class="mainpro
浏览 8提问于2012-12-27得票数 1
回答已采纳
在将网页保存为图片之前，是否可以使用Puppeteersharp渲染文本，并突出显示符合特定标准的单词？
为了将网页保存为html，然后进行工作，添加其他问题(链接到图片等)
浏览 13提问于2022-01-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
