Сохранить / скопировать изображение в буфер обмена со страницы с помощью консоли Chrome - PullRequest
0 голосов
/ 27 августа 2018

Для моего проекта мне нужно скопировать изображение (не URL, имя изображения. Только данные для возможности, например, вставить его в «Microsoft Paint») со страницы набуфер обмена консолью Chrome.

Я пробовал это:

copy(document.getElementById('someimage'));

но ничего не возвращается ... Работает только с текстом.


Если вы неНе знаете, тогда как скачать это изображение с помощью хромированной консоли?

ИЛИ

Как сделать скриншот страницы и скопировать или загрузить ее с помощью консоли Chrome?

Ps Могуне используйте библиотеки js.

Ответы [ 3 ]

0 голосов
/ 27 августа 2018

Я изучил несколько вещей в Chrome Dev Tools

https://homeguides.sfgate.com/stop-air-flow-ceiling-air-diffuser-28867.html - это веб-сайт, который я использую для справки.

  1. В консоли Chrome введите следующую команду

enter image description here

imageurl= document.getElementsByTagName('img')[0].currentSrc;
copy (imageurl);

Примечание. Здесь выВы можете изменить массив img [ 1 ], если хотите получать разные изображения

Тогда, если вы нажмете Ctrl + V на клавиатуре, вы можете увидеть URL-адрес изображения с https.Пожалуйста, смотрите скриншот выше.

Вы можете выполнить Ctrl + V на новой вкладке, чтобы загрузить изображение.

или Вы можете попробовать следующий метод.

  1. Щелкните правой кнопкой мыши на изображении и выберите элемент проверки
  2. Вы могли видеть некоторые URL изображения.Скопируйте этот URL

enter image description here

Откройте новую вкладку и вставьте URL Если щелкнуть по нему правой кнопкой мыши, вы увидите опцию «Сохранить изображения».

Надеюсь, это поможет вам в чем-то.

0 голосов
/ 29 марта 2019

есть встроенная функция для выполнения многих общих задач;)

# noLibrary # builtInFeature

Меню команд

Учебное пособие по созданию снимков экрана

https://umaar.com/dev-tips/151-screenshot-capture/

Параметры, связанные с захватом

enter image description here

0 голосов
/ 27 августа 2018

Как вы упоминали, что вы используете Selenium, вот как сохранить изображение с помощью Selenium:

Вам необходимо получить URL-адрес изображения, загрузить его (используя ImageIO в этом примере) и сохранить его.Например, в Java вы должны сделать что-то вроде этого:

try {
    driver = new ChromeDriver();
    driver.get("http://...");

    WebElement img = driver.findElement(By.cssSelector("#selector"));
    BufferedImage buffer = ImageIO.read(new URL(img.getAttribute("src")));
    ImageIO.write(buffer, "png", new File("image.png"));
} catch (Exception e) {
    e.printStackTrace();
} finally {
    driver.close();
}

Если вы хотите скопировать это напрямую, ваш класс должен реализовать java.awt.datatransfer.ClipboardOwner, а затем вы сделаете что-то вроде этого:

try {
    driver = new ChromeDriver();
    driver.get("http://...");

    WebElement img = driver.findElement(By.cssSelector("#selector"));
    TransferableImage transferable = new TransferableImage(ImageIO.read(new URL(img.getAttribute("src"))));
    Toolkit.getDefaultToolkit().getSystemClipboard().setContents(transferable, this );
} catch (Exception e) {
    e.printStackTrace();
} finally {
    driver.close();
}

Что касается ваших других вопросов, вот как сделать снимок экрана с помощью Chrome DevTools:

В Chrome DevTools есть 3 Capture ... команды.Чтобы получить к ним доступ, выполните следующие действия:

  1. Откройте DevTools.

  2. Перейдите на вкладку Элементы и нажмитеэлемент, из которого вы хотите сделать снимок экрана.

  3. Нажмите Cmd + P на Mac или Ctrl + P в Windows.

  4. Тип > screen.Вы получите 3 соответствующих предложения:

    • Mobile Снимок экрана в полном размере : Захватывает всю страницу, включая невидимую (вне области просмотра) область.

    • Mobile Снимок экрана узла захвата : захватывает один узел, в данном случае элемент, который вы щелкнули на втором шаге.

    • Mobile Снимок экрана : захват видимой области страницы (область просмотра).

  5. Нажмите на любой изих и снимок экрана будет загружен автоматически.

Однако имейте в виду, что эта функция не всегда работает нормально, особенно скриншот Capture узла , поэтому он можетлучше захватить видимую область страницы и обрезать потом.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...