Код для загрузки source code из браузера

@khaled89 · Регистрация: 22.06.2018

Студворк — интернет-сервис помощи студентам

Здравствуйте

как написать код на JavaScript для копирования source code для странице из браузера и сохранить его в какой-то переменной . так как в фотографии.

Код для загрузки source code из браузера

@diadiavova · 22.06.2018, 22:54

Что-то типа такого?

JavaScript
1
var kakayatoperemennaya = document.documentElement.outerHTML;

@khaled89 · 23.06.2018, 12:52 **[ТС]**

типа такого

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
<body>
<p id="mysource">mysource here</p>
<script>
//вот код должен быть здесь и после его выполнения source code выводим в paragraph
//...
 
 
$("#mysource").text(kakayatoperemennaya );
</script>
</body>
</html>

Добавлено через 1 час 3 минуты

Сообщение от diadiavova

Что-то типа такого?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
<body>
<p id="mysource">mysource here</p>
<script>
//вот код должен быть здесь и после его выполнения source code выводим в paragraph
//...
 
 
$("#mysource").text(kakayatoperemennaya );
</script>
</body>
</html>

Добавлено через 12 часов 44 минуты
помогите с задачей . Я почте пробовал все. не нашел решении не где

@Evgen1337 · 25.06.2018, 13:51

JavaScript
1
var scripts = document.getElementsByTagName('script');

@khaled89 · 25.06.2018, 14:16 **[ТС]**

не работает

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
<body>
<script>
 
        $.get("https://w3schools.com", function(data){alert(data)});
        
</script>
</body>
</html>

@Evgen1337 · 25.06.2018, 14:21

ты что хочешь сделать то? )

@khaled89 · 25.06.2018, 14:32 **[ТС]**

хочу получить source code страници из интернета но если используя

JavaScript
1
$.get("https://w3schools.com", function(data){alert(data)});

выдают проблема "cross domain access denied" поэтому хотел после загрузки код в браузере сохранить его в какой то переменой (например. var data

. как мне все это делать??

@Evgen1337 · 25.06.2018, 14:43

то, что ты хочешь сделать из браузера нельзя (т.е. если на удаленном компьютере есть CORS, и тебя в его списке нет)
можно сделать через плагин https://github.com/vitvad/Acce... low-Origin

или сделать, но на стороне сервера...

@khaled89 · 25.06.2018, 14:49 **[ТС]**

да . так у меня работает. но я хочу передать код кому то другому и у него ну установлен плагин. есть ли способ добавить код для разрешение cross domain в моем коде.??

@Evgen1337 · 25.06.2018, 15:03

способа нет.

сделай себе сервер, который:

1) принимает урл (https://moysite.super?ho4u_url=https://ya.ru) , который ты хочешь сохранить в стринг
2) получи контент
3) отправь контент

- не любой сайт можно таким образом сохранить, тогда нужны headless браузеры типа phantom.js, casper.js и тд...

@khaled89 · 25.06.2018, 15:11 **[ТС]**

Я нашел вот этот код и он работает .но

PHP
1
2
3
4
5
<?php  
$url = "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>

как сделать так чтоб вызвать этот коде внутри моего и передать то что в переменой $content

HTML5
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
<body>
<div>здесь должно отображаться значение из $content</div>
<script>
</script>
</body>
</html>

@Evgen1337 · 25.06.2018, 16:06

PHP
1
2
3
4
5
<?php
$url = $_POST['url'] || "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>

HTML5
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
<body>
<div id="content">здесь должно отображаться значение из $content</div>
<script>
</script>
</body>
</html>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
fetch('http://localhost:4000/', {
 method: 'POST',
 headers: new Headers({
  "Content-Type": "text/plain"
 }),
 body: JSON.stringify({
        url: 'https://w3schools.com'
    })
}).then((response) => response.text()).then((text) => { 
document.getElementById("content").innerHtml = text;
});

не проверял, но что-то около этого

@khaled89 · 25.06.2018, 16:18 **[ТС]**

извините что мучаю вас . вот так их сохранил в одном файле но не получается
test.html

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" ></script>
</head>
 
<body>
<?php
$url = $_POST['url'] || "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>
<div id="content">здесь должно отображаться значение из $content</div>
<script>
fetch('http://localhost:80/', {
 method: 'POST',
 headers: new Headers({
  "Content-Type": "text/plain"
 }),
 body: JSON.stringify({
        url: 'https://w3schools.com'
    })
}).then((response) => response.text()).then((text) => { 
document.getElementById("content").innerHtml = text;
});
</script>
</body>
</html>

@Evgen1337 · 25.06.2018, 16:58

index.php

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
const get_site = (url) => {
  fetch('http://localhost:5555/get_site.php', {
    method: 'POST',
    headers: new Headers({
      "Content-Type": "text/plain"
    }),
    body: JSON.stringify({
            url: url || 'https://w3schools.com'
    })
  }).then(r => r.text()).then(r => {
    document.getElementById("content").value = r;
  // document.getElementById("content").innerHTML = r;
  });
}
</script>
 
<button onClick="get_site()">get_site</button>
<textarea id="content" style="width: 100%; height: 500px;"/>

get_site.php

PHP
1
2
3
4
5
<?php
$url = isset($_POST['url']) ? $_POST['url'] : "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>

все лежит в одной директории, где . путь где лежит index.php
> cd directory
> php -S localhost:5555 -t .

@j2FunOnly · 28.06.2018, 10:03

Evgen1337, ЕМНИП, если передавать таким способом с помощью fetch, то вы не увидите свои данные в $_POST, нужно либо читать данные из php://input, либо использовать FormData:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">
const get_site = url => {
  const body = new FormData();
  body.append('url', url);
  
  fetch('http://localhost:5555/get_site.php', {
    method: 'POST',
    body
  })
  .then(r => r.text())
  .then(r => {
    document.getElementById("content").value = r;
  });
}
</script>
 
<button onclick="get_site('http://example.com')">get example.com</button>
<textarea id="content" style="width: 100%; height: 500px;"></textarea>

@Evgen1337 · 28.06.2018, 12:58

j2FunOnly, нет, это рабочий код, я ж как-то проверил )...

@khaled89 · 28.06.2018, 13:29 **[ТС]**

Спасибо так работает отлично. еще один вопрос : Если я открываю страницу test.html не из сервера "http://localhost/wordpress/test.html" а из диска "file:///C:/xampp/htdocs/wordpress/test.html" тогда код не работает. как решать это?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!doctype html>
<html>
  <head>
    <title>Getting Started Extension's Popup</title>
    <script
  src="https://code.jquery.com/jquery-3.3.1.js"
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script>
  
  </head>
  <body>
    <br id="organiz"></br>
    <script type="text/javascript">
const get_site = url => {
  const body = new FormData();
  body.append('url', url);
  
  fetch('http://localhost/wordpress/get_site.php', {
    method: 'POST',
    body
  })
  .then(r => r.text())
  .then(r => {
    document.getElementById("content").value = r;
  });
}
</script>
 <button onclick="get_site('https://w3schools.com')">get example.com</button>
<textarea id="content" style="width: 100%; height: 500px;"></textarea>
 
  </body>
</html>

JavaScript
1
2
3
4
5
<?php
$url = isset($_POST['url']) ? $_POST['url'] : "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>

@Evgen1337 · 28.06.2018, 13:42

Этот скрипт должен быть на сервере http://localhost/get_site.php
И сервер должен разрешать CORS https://enable-cors.org/server_php.html
Тогда, может быть, локальный файл сможет получить данные
А так, проверять надо

@khaled89 · 28.06.2018, 13:48 **[ТС]**

Отлично. работает. спасибо

PHP
1
2
3
4
5
6
<?php
header("Access-Control-Allow-Origin: *");
$url = isset($_POST['url']) ? $_POST['url'] : "https://w3schools.com";
$content = file_get_contents($url);
echo ($content);
?>

@Evgen1337 · 28.06.2018, 13:51

сюпир %)

Новые блоги и статьи Все статьи Все блоги /
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .

Код для загрузки source code из браузера

Решение

Решение

@khaled89 0 / 0 / 0 Регистрация: 22.06.2018 Сообщений: 19

	Код для загрузки source code из браузера 22.06.2018, 22:21. Показов 1865. Ответов 19 Метки нет (Все метки) Здравствуйте как написать код на JavaScript для копирования source code для странице из браузера и сохранить его в какой-то переменной . так как в фотографии. 0

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	25.06.2018, 14:21
	ты что хочешь сделать то? ) 0

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	25.06.2018, 14:43
	то, что ты хочешь сделать из браузера нельзя (т.е. если на удаленном компьютере есть CORS, и тебя в его списке нет) можно сделать через плагин https://github.com/vitvad/Acce... low-Origin или сделать, но на стороне сервера... 0

@khaled89 0 / 0 / 0 Регистрация: 22.06.2018 Сообщений: 19
	25.06.2018, 14:49 [ТС]
	да . так у меня работает. но я хочу передать код кому то другому и у него ну установлен плагин. есть ли способ добавить код для разрешение cross domain в моем коде.?? 0

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	25.06.2018, 15:03
	способа нет. сделай себе сервер, который: 1) принимает урл (https://moysite.super?ho4u_url=https://ya.ru) , который ты хочешь сохранить в стринг 2) получи контент 3) отправь контент - не любой сайт можно таким образом сохранить, тогда нужны headless браузеры типа phantom.js, casper.js и тд... 0

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	28.06.2018, 12:58
	j2FunOnly, нет, это рабочий код, я ж как-то проверил )... 0

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	28.06.2018, 13:42
	Сообщение было отмечено khaled89 как решение Решение Этот скрипт должен быть на сервере http://localhost/get_site.php И сервер должен разрешать CORS https://enable-cors.org/server_php.html Тогда, может быть, локальный файл сможет получить данные А так, проверять надо 1

@Evgen1337 249 / 162 / 68 Регистрация: 10.12.2017 Сообщений: 558
	28.06.2018, 13:51
	сюпир %) 0