小编doc*_*tus的帖子

Puppeteer:如何提交表格?

使用puppeteer,你怎么能以编程方式提交表单?到目前为止,我已经能够使用page.click('.input[type="submit"]')如果表单实际包含提交输入.但是对于不包含提交输入的表单,关注表单文本输入元素和使用page.press('Enter')似乎并不会导致表单提交:

const puppeteer = require('puppeteer');

(async() => {

    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://stackoverflow.com/', {waitUntil: 'load'});
    console.log(page.url());

    // Type our query into the search bar
    await page.focus('.js-search-field');
    await page.type('puppeteer');

    // Submit form
    await page.press('Enter');

    // Wait for search results page to load
    await page.waitForNavigation({waitUntil: 'load'});


    console.log('FOUND!', page.url());

    // Extract the results from the page
    const links = await page.evaluate(() => {
      const anchors = Array.from(document.querySelectorAll('.result-link a'));
      return anchors.map(anchor …
Run Code Online (Sandbox Code Playgroud)

javascript node.js google-chrome-headless puppeteer

20
推荐指数
2
解决办法
2万
查看次数

如何使用 Vite 包含 HTML 部分内容?

是否可以使用 Vite(普通)包含共享 HTML 的片段?我正在寻找一种无需通过 JS 注入即可预渲染 HTML 的方法。

就像是:

<html>
  <head>
    { include 'meta-tags' }
  </head>
  <body> 
    { include 'nav' }
    <h1>Hello World</h1>
  <body>
</html>
Run Code Online (Sandbox Code Playgroud)

templates rollup rollupjs vite

12
推荐指数
1
解决办法
1万
查看次数

Vite 构建警告:如果没有 type="module" 属性,则无法捆绑脚本

<!-- index.html -->
<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
<script type="module" src="./scripts/auth.js"></script>

Run Code Online (Sandbox Code Playgroud)
# Vite terminal after running "npm run build"
build started...
<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js">
in "/index.html" can't be bundled without type="module" attribute
Run Code Online (Sandbox Code Playgroud)

我正在尝试向我的脚本添加一些外部脚本,index.html但 Vite 构建过程假设我想要捆绑这些脚本。有什么办法可以抑制这个消息吗?

javascript vite

12
推荐指数
2
解决办法
2万
查看次数

如何在Ajax重定向后获取最终的URL?

我正在研究一个AJAX脚本,该脚本向缩短的URL发出GET请求,就像bit.ly链接一样.我如何实际获取最终/重定向页面的URL?

我可以从重定向页面获取响应标头,但它似乎不包含URL信息:

$.ajax({
  url: "http://www.thislinkredirects.com",
  success: function(data, status, xhr) {
    var response = $(data);
  },
  complete: function(xhr) {
    console.log(xhr.getAllResponseHeaders());
  }
});
Run Code Online (Sandbox Code Playgroud)

结果:

Date: Tue, 23 Jun 2015 03:22:07 GMT
Allow: POST, GET, OPTIONS, PUT, DELETE
Server: lighttpd/1.4.35
X-Powered-By: PHP/5.3.3
Transfer-Encoding: chunked
Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE
Content-type: text/html
Access-Control-Allow-Origin: *
Access-Control-Allow-Headers: accept, authorization
Run Code Online (Sandbox Code Playgroud)

我无法控制发出get请求的服务器.

ajax jquery

8
推荐指数
2
解决办法
6544
查看次数

null和undefined不一致的比较

我很想知道为什么

null == undefined
Run Code Online (Sandbox Code Playgroud)

回来true但是

null >= undefined
Run Code Online (Sandbox Code Playgroud)

回报 false

包含大于运算符的值是否会以不同方式强制执行?

javascript operators equality-operator

7
推荐指数
1
解决办法
372
查看次数

Rails使用链接过滤索引结果(没有下拉列表)

如果用户选择预定义的过滤器链接,我的索引将如何根据该请求显示结果?

<h1>Products</h1>
<% @products.each do |product| %>
<%= link_to product.name, product_path(product) %>
<% end %>

<h2>Find Product by Category</h2>
Electronics
Apparel
Books
Run Code Online (Sandbox Code Playgroud)

例如,如何制作"电子"链接以过滤产品索引,仅包含具有"电子"类别的产品?"类别"字段/列已在我的数据库/模型中定义.

这是我的控制器的样子:

def index
  @products = Product.all
end
Run Code Online (Sandbox Code Playgroud)

谢谢.

ruby-on-rails ruby-on-rails-3

6
推荐指数
1
解决办法
4317
查看次数

Chrome开发工具 - 您可以撤消控制台中的更改吗?

如果您在Chrome开发工具中输入命令(可能是一大块代码)并按Enter键,是否有办法"撤消"对DOM所做的更改?或者你只需​​刷新页面?

javascript jquery google-chrome-devtools

6
推荐指数
2
解决办法
4712
查看次数

如何使用 ParcelJS 将 HTML 作为字符串导入

我想使用 ParcelJS 将 HTML 文件作为字符串导入,如下所示:

import testHTML from './testHTML.html';

document.body.insertAdjacentHTML('afterbegin', testHTML);
Run Code Online (Sandbox Code Playgroud)

但文档说:

在 JavaScript 中导入 HTML 并不静态包含 HTML 字符串,但将使用 Fetch API 动态获取 HTML 文件。

有什么办法可以强制导入为字符串吗?

javascript parcel parceljs

6
推荐指数
1
解决办法
1644
查看次数

无法在Chrome开发者工具中编辑源

在DevTools中,似乎有些javascript文件可以编辑,而有些则“锁定”,这意味着我无法将光标放在该文件内或键入任何内容。这是什么原因,我该如何实际编辑这些文件?

google-chrome-devtools

5
推荐指数
1
解决办法
1941
查看次数

Chrome DevTools(有时)显示空文件源

有时在 Chrome DevTools 中,文件源会显示为空白源:

在此处输入图片说明

在此处输入图片说明

视觉内容将存在于浏览器中,但某些脚本将不会执行,包括对其他脚本(如分析文件)的网络请求。

大多数情况下,这不会发生,源文件会按预期显示所有内容。我想知道这是否可能只是某种 Chrome 错误?

javascript google-chrome google-chrome-devtools

5
推荐指数
0
解决办法
377
查看次数

如何按属性对对象进行排序?

我正在尝试按属性值对对象集合进行排名。基本上每个玩家对象都有一个得分属性,应该从最高到最低排列。例子:

var players = {
    player1: {
        nickname: "Bob",
        score: 100
    },
    player2: {
        nickname: "Amy",
        score: 200
    },
    player3: {
        nickname: "Grant",
        score: 300
    },
    player4: {
        nickname: "Steve",
        score: 200
    },
    player5: {
        nickname: "Joe",
        score: 500
    }
};
Run Code Online (Sandbox Code Playgroud)

按分数对这些对象进行排名应产生以下结果:

{
    player1: {
        nickname: "Bob",
        score: 100,
        rank: 4
    },
    player2: {
        nickname: "Amy",
        score: 200,
        rank: 3
    },
    player3: {
        nickname: "Grant",
        score: 300,
        rank: 2
    },
    player4: {
        nickname: "Steve",
        score: 200,
        rank: 3
    },
    player5: …
Run Code Online (Sandbox Code Playgroud)

javascript

2
推荐指数
1
解决办法
7807
查看次数

保存对立即调用的函数的引用

您似乎无法立即将调用的函数表达式设置为变量:

var foo = function() {
  alert();
}(); // Immediately alerts 

foo(); // Returns "Uncaught TypeError: foo is not a function"
Run Code Online (Sandbox Code Playgroud)

foo原来是未定义的 - 但为什么呢?有没有办法实际保存对立即调用函数的引用?

javascript

0
推荐指数
1
解决办法
57
查看次数

Shopify 文件和图像资产之间的区别

在 Shopify 中,似乎有 2 个区域可以上传站点图像:文件(设置 -> 文件)和资产(主题编辑器 -> 资产文件夹)。这里有什么区别,为什么要将图像放在一个之上?

shopify shopify-api

0
推荐指数
1
解决办法
763
查看次数