Код для загрузки 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

сюпир %)

Новые блоги и статьи Все статьи Все блоги /
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .

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

Решение

Решение

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

	Код для загрузки source code из браузера 22.06.2018, 22:21. Показов 1861. Ответов 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