Как очистить данные от вложенных тегов div и экспортировать в CSV из dev tools

Question

Я пытаюсь экспортировать теги div div 'from here Я хотел знать, есть ли способ или сценарий, который я могу запустить в hrome dev tools, которые будут экспортировать CSV с очищенными данными?

Answer 1

Я не собираюсь реализовывать его для вас;), но я думаю, что этот рабочий процесс доставит вам большую часть пути.

1. Создать snippet.
2. Очистить данные в вашем фрагменте. document.querySelectorAll('.prod-details') поможет вам начать работу.
3. Отформатируйте данные в CSV в своем фрагменте.
4. Используйте XHR для отправки CSV-форматированных данных в Google Таблицы (или другую соответствующую услугу) в ваш фрагмент.
5. Запустите фрагмент, пока страница открыта.

Answer 2

Возможно, Kayce прав, чтобы не сделать это за вас, но это может быть трудно начать, так что вот базовая реализация с комментариями, с которыми вы можете работать. Пожалуйста, прочитайте и попытайтесь понять это, а не просто скопировать и вставить его.

// Create a list of the selectors within each prod-deatils you'd like to export as a column 
var columnSelectors = [".brand", ".model", ".finish", ".ProductPriceDetails"]; 

// Create an array with the column selectors at the top to act as a header 
[columnSelectors.join(",")].concat(
    // Grab the product details and arrayify it so we can use standard array functions 
    $(".prod-details").toArray() 
     // These are elements, and we want to be able to use jquery with them, so wrap each element with jquery 
     .map(d => $(d)) 
     // For each prod-detail element, we want to extract each of the columns 
     .map(d => 
      columnSelectors.map(
       // ... so we iterate the selectors and apply each one to the product, grab the text and trim() it to remove whitespace 
       sel => d.find(sel).text().trim() 
      ).join(",") // Finally join each of the columns with a comma so it follows CSV format 
     ) 
).join("\n"); // And join all the rows with newlines