Как найти строки в html

При вводе строки по CTRL+F в коде надо помнить, что внутри строчки не должно быть никаких тегов, например изменения шрифта или стиля, иначе строчка может и не найтись в поиске по тексту HTML кода.

Например текст на странице такой:

2х2=4

Это же самое в HTML коде выглядит так:

2х2=<strong>4</stron­g>

Поиск ничего не даст

Такое бывает в тех случаях когда внутри строки используются теги; в этом случае надо найти и скопировать строчку на экране, затем преобразовать в HTML (фрагмент кода для преобразования приведен в ответе на вопрос Какие есть толковые способы перевести doc в html?) и только потом, зная как закодирована строчка, можно искать этот код в коде HTML.

Новичку очень трудно найти нужный символ или слово в массе кода, однако это делается очень быстро и просто. Если не знаете как, то читайте дальше.

В следующей статье, мы приступим к редактированию шаблона, и нам придётся находить нужные элементы в коде темы.

Если кто-то ещё не видел, что из себя представляет код шаблона, то зайдите в Консоль — Внешний вид — Редактор.

Перед Вами откроется код файла style.css. Покрутите его вниз, и первое, что придёт Вам в голову будет: ё-моё, как же в этой массе английских слов, цифр и символов, найти то, что нам будет нужно.

Для полноты ощущения, можно открыть один из php файлов, которые расположены в колонке справа от поля редактора.

Только сразу отгоните мысль типа: «Я в этом до самой смерти не разберусь». Разберётесь, и я Вам в этом помогу.

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

Вариант 1.

Условие: мы точно знаем то, что нам нужно найти.

Для примера возьмём код страницы.

Комбинация клавиш Contrl-F откроет окно поиска в правом верхнем углу, в которое можно ввести искомый элемент кода. Элемент и все его повторения подсветятся.

Этот поиск работает абсолютно для любого кода, открытого в браузере, то есть на странице.

Вариант 2.

Условие: мы видим элемент на странице, но не знаем ни его html, ни css.

В этом случае потребуется web-инспектор, или по другому Инструмент разработчика.

Инструмент разработчика есть во всех браузерах и открыть его можно или клавишей F12, или правой клавишей мыши, выбрав “Просмотреть код” или “Исследовать элемент”. В разных браузерах по разному.

Главное не выбирайте “Просмотреть код страницы”. Похоже, но не то.

После этого появится web-инспектор. Его интерфейс в разных браузерах немного отличается, но принцип действия везде одинаковый.

Я покажу на примере web-инспектора Chrome.

Заходим на страницу и открываем web-инспектор. По умолчанию он откроется в двух колонках, в левой будет html код всех элементов, находящихся на странице, а в правой — css оформление.

Изначально, код откроется в сложенном виде, то есть будут видны только основные элементы страницы, но если щёлкнуть по треугольничку в начале строки, то откроются все вложения, находящиеся в элементе.

И вот так, открывая вложение за вложением, можно добраться практически до любого элемента, находящегося на странице.

Определить, какой код, какому элементу соответствует, очень просто.

Надо просто вести по строкам курсором, и как только курсор оказывается на строке с кодом, так тут-же элемент, которому соответствует этот код, подсвечивается.

Теперь найдём css этого элемента. Для этого надо один раз щёлкнуть левой клавишей по строке с html, и в правой колонке отобразятся все стили, которые ему заданы, а так-же стили, влияющие на элемент, от родительских элементов.

Теперь, зная class или id элемента, можно спокойно идти в файл style.css, найти в нём нужный селектор, с помощью Поиска (Ctrl+F), и править внешний вид элемента.

Желаю творческих успехов.

Неужели не осталось вопросов? Спросить

Перемена

— Мам, ну почему ты думаешь, что если я была на дне рождения, то сразу пила?!
— Дочь а нечего что я папа?
Объявление в метро: «при обнаружении подозрительных предметов сделайте подозрительное лицо.

В раздел > > > Исправляем шаблон WordPress. Веб-инспектор

Нашел решение

var insert = require('gulp-insert');
var rename = require("gulp-rename");

require('./html-concat-all');

module.exports = function (buildOptions) {

    return gulp.task('html_path_to_json', ['html_concat_all'], function (cb) {
        var src_contents = '{"src" : [';
        return fsvinyl.src('./dev/*/index.html')
        
            .pipe(insert.transform(function(contents, file) {

                var regExp = /[path-file] ([A-Za-z0-9-_]+/[A-Za-z0-9-_]+)/gim; // upd: добавил регулярку
                var file_content = contents;

                var str = file_content;
                var re =  regExp;
                var res;
                
                while ( (res = re.exec(str)) != null) {
                    gutil.log("result " + res[1]);
                    src_contents = src_contents + '"./markup/' + res[1] + '/*.{scss,sass,less,css}",';
                }

                src_contents = src_contents + '"!./**/_*.{scss,sass,less,css}"] }';
                return src_contents;
            }))
            .pipe(rename(function (path) {
                path.basename = "path_modules";
                path.extname = ".json"
            }))
            .pipe(gulp.dest('./dev/'));
    });
};

#include <Array.au3>
#include <File.au3>
#include <Process.au3>

Dim $sArray[1]
Dim $sDomain = 'www.bwc.ru' ;домен или ip-адрес
Dim $iPort = 80 ;порт
Dim $phone_type = '950'
Dim $phone_number = '1342513'
Dim $communication = 'Привет'

For $i = 0 To 5
	If $i = 5 Then
		MsgBox(16, "Ошибка соединения", "Ошибка соединения с сервером")
		Exit
	EndIf
	;Запрос, который будет отправлен серверу
	$sRequest = 'GET /cgi-bin/smssend.cgi HTTP/1.1' & @CRLF ;Request-строка, параметры GET-запроса
	$sRequest &= 'Host: www.bwc.ru' & @CRLF
	$sRequest &= 'User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:2.0.1) Gecko/20100101 Firefox/4.0.1' & @CRLF
	$sRequest &= 'Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8' & @CRLF
	$sRequest &= 'Accept-Language: ru-ru,ru;q=0.8,en-us;q=0.5,en;q=0.3' & @CRLF
	$sRequest &= 'Accept-Encoding: gzip, deflate' & @CRLF
	$sRequest &= 'Accept-Charset: windows-1251,utf-8;q=0.7,*;q=0.7' & @CRLF
	$sRequest &= 'Keep-Alive: 115' & @CRLF
	$sRequest &= 'Connection: keep-alive' & @CRLF & @CRLF

	If TCPStartup() = 0 Then ContinueLoop 1
	$sIP = TCPNameToIP($sDomain) ;получаем ip-адрес
	If @error Then ContinueLoop 1
	$iSocket = TCPConnect($sIP, $iPort) ;соединяемся с сервером
	If @error Then ContinueLoop 1
	TCPSend($iSocket, $sRequest) ;отправляем сообщение
	If @error Then ContinueLoop 1
	$sData = ''
	$sBuffer = ''
	$iTimer = TimerInit() ;запускаем таймер
	Do
		$sBuffer = TCPRecv($iSocket, 1024) ;получаем часть сообщения сервера
		$iError = @error
		If Not $sBuffer = '' Then ;если удалось получить сообщение
			$sData &= $sBuffer ;сохраняем полученное сообщение
			$iTimer = TimerInit() ;обнуляем таймер
		EndIf
	Until $iError <> 0 Or TimerDiff($iTimer) > 5000 ;если при получении сообщения произошла ошибка (данные получены, соединение закрыто) или в течении 5 секунд ничего не было получено, выход из цикла

	TCPCloseSocket($iSocket)
	TCPShutdown()
	MsgBox(1, '1', '')
	For $j = 0 To 5
		If $j = 5 Then
			MsgBox(16, "Ошибка соединения", "Ошибка соединения с сервером")
			Exit
		EndIf
		$sUrl = StringRegExpReplace($sData, '(?s).*?id="code_img.*?src="(.*?)"s?/>.*', 'http://bwc.ru/cgi-bin/$1')
		$issUrl = IsString($sUrl)
		If Not ($issUrl = 0) Then
			$size = InetGet($sUrl, @ScriptDir & "CAP1.png", 1)
			MsgBox(1, $issUrl & @TAB & $size, $sUrl)
			If $size = 0 Then
				;MsgBox(1, 'Картинка пуста', $size)
				_RunDOS("Ipconfig  /flushdns")
				FileDelete(@ScriptDir & "CAP1.png")
				ContinueLoop 2
			Else
				$RunDOS = _RunDOS(@ScriptDir & "CapCap.exe /recognize /ini CapLettersBWC.ini")
				_FileReadToArray(@ScriptDir & "Cap1.txt", $sArray)
				$sStr = $sArray[1]
				$sscode = StringLen($sStr)
				;If $sscode <= 4 Then
				ExitLoop 2
			EndIf
		ElseIf $issUrl = 0 Then
			ContinueLoop 2
		EndIf
	Next
Next
MsgBox(1, '2', '')
For $i = 0 To 5
	If $i = 5 Then
		MsgBox(16, "Ошибка отправки сообщения", "Ошибка отправки сообщения на сервер")
		Exit
	EndIf
	If (IsString($phone_type)) = 1 And (IsString($phone_number)) = 1 And (IsString($communication)) = 1 And _
			(StringLen($phone_type)) = 3 And (StringLen($phone_number)) = 7 And (StringLen($communication)) < 161 Then
		$scode = $sArray[1]
		$sid = StringRight($sUrl, 32)
		$post = 'phone_type=' & $phone_type & '&phone_number=' & $phone_number & '&communication=' & $communication & '&defhours=' & (@HOUR - 1) & '&defmin=' & @MIN & '&defdate=' & @MDAY & '.' & (@MON - 1) & '.' & @YEAR & '&code=' & $scode & '&sid=' & $sid
		$ContentLength = StringLen($post)
		$ContentLength = 'Content-Length: ' & $ContentLength
	Else
		MsgBox(16, "Ошибка введенных данных", "Недопустимое значение заполненных полей")
		Exit
	EndIf

	If StringLen($scode) = 4 Then
		$sRequest = ''
		$sRequest = 'POST /cgi-bin/smssend.cgi HTTP/1.1' & @CRLF
		$sRequest &= 'Host: www.bwc.ru' & @CRLF
		$sRequest &= 'User-Agent: Mozilla/5.0 (Windows NT 5.1; rv:2.0.1) Gecko/20100101 Firefox/4.0.1' & @CRLF
		$sRequest &= 'Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8' & @CRLF
		$sRequest &= 'Accept-Language: ru-ru,ru;q=0.8,en-us;q=0.5,en;q=0.3' & @CRLF
		$sRequest &= 'Accept-Encoding: gzip, deflate' & @CRLF
		$sRequest &= 'Accept-Charset: windows-1251,utf-8;q=0.7,*;q=0.7' & @CRLF
		$sRequest &= 'Keep-Alive: 115' & @CRLF
		$sRequest &= 'Connection: keep-alive' & @CRLF
		$sRequest &= 'Referer: http://www.bwc.ru/cgi-bin/smssend.cgi' & @CRLF
		$sRequest &= 'Content-Type: application/x-www-form-urlencoded' & @CRLF
		$sRequest &= $ContentLength & @CRLF & @CRLF
		$sRequest &= $post

		If TCPStartup() = 0 Then ContinueLoop 1
		$sIP = TCPNameToIP($sDomain) ;получаем ip-адрес
		If @error Then ContinueLoop 1
		$iSocket = TCPConnect($sIP, $iPort) ;соединяемся с сервером
		If @error Then ContinueLoop 1
		TCPSend($iSocket, $sRequest) ;отправляем сообщение
		If @error Then ContinueLoop 1
		$sData = ''
		$sBuffer = ''
		$iTimer = TimerInit() ;запускаем таймер
		Do
			$sBuffer = TCPRecv($iSocket, 1024) ;получаем часть сообщения сервера
			$iError = @error
			If Not $sBuffer = '' Then ;если удалось получить сообщение
				$sData &= $sBuffer ;сохраняем полученное сообщение
				$iTimer = TimerInit() ;обнуляем таймер
			EndIf
		Until $iError <> 0 Or TimerDiff($iTimer) > 5000 ;если при получении сообщения произошла ошибка (данные получены, соединение закрыто) или в течении 5 секунд ничего не было получено, выход из цикла

		TCPCloseSocket($iSocket)
		TCPShutdown()

		$aData = StringRegExp($sData, '(?s)(.*?)rnrn(.*)', 3)
		$sSearch = StringRegExpReplace($aData, '(?si).*<font color=.*?<b>(.*?)r?n?</b></font>.*', '$1')

		MsgBox(1, '$aData', IsArray($aData))
		MsgBox(1, '$aSearch', IsArray($sSearch))
		MsgBox(1, '$nData', IsNumber($aData))
		MsgBox(1, '$nSearch', IsNumber($sSearch))
		MsgBox(1, '$sData', IsString($aData))
		MsgBox(1, '$sSearch', IsString($sSearch))

		;MsgBox(64, $aData, $sSearch)
		;_ArrayDisplay($aData,'$aData')
		;_ArrayDisplay($sSearch,'$sSearch')
		If (IsNumber($aData)) = 1 And (IsString($sSearch)) = 1 Then
			MsgBox(64, 'Отправка смс закончена успешно!', 'Сообщение отправлено!')
			$sSearch = StringRegExpReplace($aData, '(?si).*<font color=.*?<b>(.*?)r?n?</b></font>.*', '$1')
			Assign('sSearch', $sSearch)
			MsgBox(64, 'Отправка смс закончена успешно!', $sSearch)
			$FileOpen = FileOpen(@ScriptDir &"Текстовый документ.txt", 1)
			FileWrite($FileOpen, $aData)
			FileWrite($FileOpen, $sSearch)
			FileClose(@ScriptDir &"Текстовый документ.txt")
		ElseIf (IsArray($aData)) = 1 And (IsString($sSearch)) = 1 Then
			MsgBox(16, 'Ошибка при отправке смс', 'Код с картинки не соответствует указаному числу.')
			$sSearch = StringRegExpReplace($aData, '(?si).*<font color=.*?<b>(.*?)r?n?</b></font>.*', '$1')
			;Assign('sSearch', $sSearch)
			MsgBox(16, 'Ошибка при отправке смс', $sSearch)
			$FileOpen = FileOpen(@ScriptDir & "Текстовый документ.txt", 1)
			FileWrite($FileOpen, $aData)
			FileWrite($FileOpen, $sSearch)
			FileClose(@ScriptDir & "Текстовый документ.txt")
		Else
			MsgBox(1, '', 'не понятно')
		EndIf
		ExitLoop 1
	EndIf
Next