MaxTech

Домой

Сисадмин

Девелопер

Мои программы

tpxek6oa94qqwv3c

27 Интересных фактов о Linux

Ниже приведён список из 27 интересных фактов о Linux, его создателе Линусе Торвальдсе и о том, какое влияние оказала его «хобби»-операционная система на мир, в котором мы живём.

Удивительные возможности современного C++

Было время, когда С++ не хватало динамизма, и увлечься этим языком было трудно. Но всё изменилось, когда было принято решение развить стандарт C++. С 2011 года язык стал более динамичным и постоянно развивается. В статье мы рассмотрим некоторые интересные функциональные возможности языка.

Ключевое слово auto

Когда в 11 версии C++ только появилось auto, жизнь стала намного легче.

Идея auto состояла в том, чтобы заставить компилятор C++ определять тип ваших данных во время компиляции, вместо того чтобы заставлять вас каждый раз объявлять тип. Это было удобно, если у вас были типы данных вроде map<string, vector <pair <int, int>>> ?

auto an_int = 26; // при компиляции тип выводится в int
auto a_bool = false; // в bool
auto a_float = 26.04f; // в float
auto ptr = &a_float; // и даже в указатель
auto data; // а можно ли так? Вообще-то нельзя.

Посмотрите на строку номер 5. Вы не можете объявить что-либо без инициализатора. Строка 5 не сообщает компилятору, каким может быть тип данных.

Изначально auto было несколько ограничено. Затем, в более поздних версиях языка, у него появилось больше возможностей.

auto merge(auto a, auto b) // Тип параметров и возвращаемых данных тоже может быть auto!

{

std::vector c = do_something(a, b);

return c;

}

std::vector<int> a = { ... }; // какие-то данные

std::vector<int> b = { ... }; // какие-то данные

auto c = merge(a, b); // тип определяется возвращаемой информацией!

В строках 7 и 8 была использована инициализация в скобках. Эта функция также была добавлена в 11 версии C++.

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

Теперь встаёт хороший вопрос, что произойдёт, если мы напишем auto a = {1, 2, 3}? Это ошибка компиляции? Это вектор?

На самом деле, в 11 версии C++ был представлен std::initializer_list<type>. Инициализированный список в скобках будет считаться легковесным контейнером, если объявлен как auto.

И как упоминалось ранее, определять типы объектов компилятором полезно, когда у вас есть сложные структуры данных:

void populate(auto &data) { // видите!

data.insert({"a", {1, 4}});

data.insert({"b", {3, 1}});

data.insert({"c", {2, 3}});

}

auto merge(auto data, auto upcoming_data) { // и не надо писать длинный идентификатор снова

auto result = data;

for (auto it: upcoming_data) {

result.insert(it);

}

return result;

}

int main() {

std::map<std::string, std::pair<int, int>> data;

populate(data);

std::map<std::string, std::pait<int, int>> upcoming_data;

upcoming_data.insert({"d", {5, 3}});

auto final_data = merge(data, upcoming_data);

for (auto itr: final_data) {

auto [v1, v2] = itr.second; // про структурное связывание будет ниже

std::cout << itr.first << " " << v1 << " " << v2 << std::endl;

}

return 0;

}

Не забудьте проверить строку 25! Выражение auto [v1, v2] = itr.second — новая функция в 17 версии C++. Это называется структурным связыванием. В предыдущих версиях приходилось извлекать каждую переменную отдельно. Но структурное связывание сделало этот процесс более удобным.

Более того, если вы хотите получить данные, используя ссылку, то просто добавьте символ — auto &[v1, v2] = itr.second.

Лямбда-выражение

В 11 версии C++ появились лямбда-выражения. Это что-то вроде анонимных функций в JavaScript. Они являются безымянными функциональными объектами и захватывают переменные в различных областях на основе некоторого краткого синтаксиса. Они также могут быть присвоены переменным.

Лямбды будут полезны, если вам нужно сделать в коде быстрое и небольшое изменение, и вы не хотите писать для этого отдельную функцию. Другое довольно распространённое использование функции — сравнение.

std::vector<std::pair::<int, int>> data = {{1, 3}, {7, 6}, {12, 4}}; // обратите внимание на скобочную инициализацию
std::sort(begin(data), end(data), [ ](auto a, auto b) { // auto!
return a.second < b.second;
});

Приведённый выше пример может многое сказать.

Во-первых, обратите внимание, как фигурные скобки упрощают вам жизнь. Затем следуют универсальные begin(), end(), которые тоже были добавлены в 11 версии. После идёт лямбда-выражение в качестве компаратора ваших данных. Параметры лямбда-выражения объявлены с помощью auto, что было добавлено в 14 версии С++. До этого auto нельзя было использовать в качестве параметров функции.

Обратите внимание, мы начинаем лямбда-выражение с квадратных скобок [ ]. Они определяют область действия лямбды — сколько у неё полномочий над локальными переменными и объектами.

Как определено в этом потрясающем репозитории по современному C++:

[ ] — ничего не захватывает. Таким образом, вы не можете использовать любую локальную переменную внешней области видимости в лямбда-выражении. Вы можете использовать только параметры.
[=] — захватывает локальные объекты (локальные переменные, параметры) в области видимости по значению. Вы можете использовать, но не изменять их.
[&] — захватывает локальные объекты (локальные переменные, параметры) в области видимости по ссылке. Вы можете изменить их, как в примере, приведённом ниже.
[this] — захватывает этот указатель по значению.
[a, &b] — захватывает объект a по значению, объект b по ссылке.

Так что, если внутри лямбда-функции вы хотите преобразовать данные в какой-то другой формат, вы можете применить её, воспользовавшись преимуществами области видимости. Например:

std::vector<int> data = {2, 4, 4, 1, 1, 3, 9};

int factor = 7;

for_each(begin(data), end(data), [&factor](int &val) { // захват factor по ссылке

val = val * factor;

factor--; // это будет работать, потому что переменная находится в области видимости лямбды

});

for(int val: data) {

std::cout << val << ' '; // 14 24 20 4 3 6 9

}

В приведённом выше примере, если вы захватили локальные переменные по значению ([factor]) в лямбда-выражении, то вы не можете изменить factor в 5 строке. Вы просто не имеете права делать это. Не злоупотребляйте своими правами!

Наконец, обратите внимание, что мы берём переменную val в качестве ссылки. Это гарантирует, что любое изменение внутри лямбда-функции фактически изменяет vector.

Инициализатор в if и switch

Вам точно понравится эта возможность в С++ 17.

std::set<int> input = {1, 5, 3, 6};

if(auto it = input.find(7); it == input.end()) { // первая часть - инициализация, вторая - условие

std::cout << 7 << " not found!" << std::endl;

}

else {

// it тоже попадает в область видимости else!

std::cout << 7 << " is there!" << std::endl;

}

Очевидно, теперь вы можете выполнять инициализацию переменных и проверять условие сразу внутри блоков if или switch. Это поможет сделать код лаконичным и чистым. Общая форма:

if (init-statement(x); condition(x)) {
// какой-то код
}
else { // else тоже имеет переменную x в области видимости
// какой-то другой код
}

Компиляция и constexpr

Скажем, у вас есть какое-то выражение для оценки, и его значение не изменится после инициализации. Вы можете предварительно рассчитать значение, а затем использовать его в качестве макроса. Или, как предложил C++ 11, можно использовать constexpr.

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

constexpr double fib(int n) { // функция объявлена с помощью constexpr

if(n == 1) return 1;

return fib(n-1) * n;

}

int main()

{

const long long bigval = fib(20);

std::cout << bigval << std::endl;

return 0;

}

Приведённый выше код — распространённый пример использования constexpr.

Поскольку мы объявили функцию вычисления Фибоначчи как constexpr, компилятор может предварительно вычислить fib(20) во время компиляции. Так что после неё он может заменить строку с

const long long bigval = fib (20);

на

const long long bigval = 2432902008176640000;

Обратите внимание, что переданный аргумент является константным значением. Важный момент: в функциях, объявленных constexpr, передаваемые аргументы также должны быть constexpr или const. В противном случае они будут вести себя как обычные функции, и во время компиляции предварительный расчёт выполняться не будет.

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

Интересно, что позже в C++ 17 были представлены constexpr-if и constexpr-lambda.

Кортежи

Как и пара, кортеж представляет собой набор значений фиксированного размера для различных типов данных.

auto user_info = std::make_tuple("M", "Chowdhury", 25); // используем auto, чтобы уменьшить описание типов

// чтобы получить доступ к данным
std::get<0>(user_info);
std::get<1>(user_info);
std::get<2>(user_info);

// в 11 версии С++ мы использовали tie, чтобы сделать связывание

std::string first_name, last_name, age;
std::tie(first_name, last_name, age) = user_info;

// но в 17 версии стало гораздо удобнее
auto [first_name, last_name, age] = user_info;

Иногда удобнее использовать std::array вместо кортежа. Такой массив подобен обычному массиву в C вместе с несколькими функциями стандартной библиотеки C++. Эта структура данных была добавлена в 11 версии C++.

Вывод типов шаблонных параметров для классов

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

std::pair<std::string, int> user = {"M", 25}; // раньше
std::pair user = {"M", 25}; // C++ 17

В этом примере для первого элемента кортежа будет выведен тип const char *, а не std::string.

Выводимый тип задаётся неявно. Это становится ещё удобнее для кортежей.

// раньше
std::tuple<std::string, std::string, int> user ("M", "Chy", 25);
// C++ 17
std::tuple user2("M", "Chy", 25);

Эта функция не имеет никакого смысла, если вы слабо знакомы с шаблонами в C++.

Умные указатели

Указатели могут быть адскими.

Из-за свободы, которую предоставляют такие языки, как C++, иногда становится очень легко выстрелить себе в ногу. И во многих случаях именно указатели ответственны за вред, нанесённый компьютеру.

К счастью, в C++11 появились умные указатели, которые намного удобнее, чем простые. Они помогают программистам предотвращать утечки памяти, освобождая её, когда это возможно. Они также обеспечивают исключительную безопасность.

Источник: tproger.ru

Кастомизация Linux Mint под Windows 11

Кастомизация — это не только способ сделать свою систему более красивой, но и способ сделать её более функциональной. Ты сможешь настроить всё на свой вкус, удалив лишнее и добавив необходимое. Твой компьютер — это твой стиль, так что давай откроем перед тобой этот мир!

История HTML: от зарождения до современности

HTML (HyperText Markup Language) — это язык разметки, который используется для создания веб-страниц. Его история начинается в конце 1980-х годов...

как подключить OpenVPN на linux Mint

В последних версиях Linux Mint подключение к OpenVPN упростилось до нельзя. Теперь клиент уже предустановлен в системе, а для подключения достаточно импортировать конфиг.

Шпаргалка по командам терминала LINUX...

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

В этой статье мы рассмотрим команды для терминала Linux, которые помогут вам максимально использовать возможности ОС.

Команды Linux для управления файлами

ls – отображает список файлов и каталогов в текущей директории.
cd – изменяет текущую директорию.
pwd – выводит полный путь текущей директории.
mkdir – создает новый каталог.
rm – удаляет файлы или каталоги.
cp – копирует файлы и каталоги.
mv – перемещает или переименовывает файлы и каталоги.
touch – создает новый файл или обновляет время доступа и модификации существующего файла.
cat – выводит содержимое файла.
less – позволяет просматривать содержимое файла постранично.
head – выводит первые строки файла.
tail – выводит последние строки файла.
grep – ищет заданный текст в файлах или выводе команд.
find – находит файлы и каталоги на основе различных критериев.
chmod – изменяет права доступа к файлам и каталогам.
chown – изменяет владельца файлов и каталогов.
chgrp – изменяет группу файлов и каталогов.
tar – создает или распаковывает архивы.
zip – создает ZIP-архивы.
unzip – извлекает файлы из ZIP-архивов.

Команды Linux для управления пользователями

adduser – создает нового пользователя.
usermod – изменяет параметры существующего пользователя.
deluser – удаляет пользователя.
passwd – изменяет пароль пользователя.
su – переключается на другого пользователя или становится суперпользователем.
sudo – выполняет команду с привилегиями суперпользователя.
finger – отображает информацию о пользователе.
who – отображает информацию о вошедших пользователях.
id – отображает информацию о текущем пользователе или указанном пользователе.
groups – отображает группы, к которым принадлежит пользователь.
useradd – создает нового пользователя (альтернатива для adduser).
userdel – удаляет пользователя (альтернатива для deluser).
usermod – изменяет параметры существующего пользователя (альтернатива для usermod).
passwd – изменяет пароль пользователя (альтернатива для passwd).
last – отображает историю входа пользователей.
w – отображает текущих пользователей и их активность.
logout – выходит из текущей сессии пользователя.

Команды Linux для управления приложениями

apt-get install – устанавливает новое приложение или пакет.
apt-get remove – удаляет установленное приложение или пакет.
apt-get update – обновляет список доступных обновлений пакетов.
apt-get upgrade – обновляет установленные пакеты до последних версий.
apt-cache search – ищет пакеты по ключевому слову.
dpkg -i – устанавливает .deb пакет.
dpkg -r – удаляет .deb пакет.
dpkg -l – отображает список установленных пакетов.
snap install – устанавливает приложение из snap-пакета.
snap remove – удаляет установленное snap-приложение.
snap list – отображает список установленных snap-приложений.
systemctl start – запускает системную службу.
systemctl stop – останавливает системную службу.
systemctl restart – перезапускает системную службу.
systemctl enable – включает автозапуск системной службы при загрузке системы.
systemctl disable – отключает автозапуск системной службы при загрузке системы.
service <service> start – запускает службу.
service <service> stop – останавливает службу.
service <service> restart – перезапускает службу.
service <service> status – отображает статус службы.

Команды Linux для управления системой

shutdown – позволяет выключить или перезагрузить систему. Например, shutdown -h now выключает систему немедленно.
reboot – перезагружает систему. Просто запустите reboot в терминале.
halt – выключает систему. Просто запустите halt в терминале.
poweroff – выключает систему. Просто запустите poweroff в терминале.
systemctl – команда для управления системными сервисами. Например, systemctl start apache2 запускает службу Apache.
service – альтернативный способ управления системными службами. Например, service nginx restart перезапускает службу Nginx.
ifconfig – отображает и настраивает сетевые интерфейсы системы, включая IP-адреса, маски и шлюзы.
ip – альтернативный способ управления сетевыми интерфейсами и конфигурацией сети.
netstat – отображает сетевые соединения, открытые порты и другую связанную информацию.
ping – отправляет ICMP-пакеты на указанный IP-адрес для проверки доступности хоста в сети.
traceroute – отображает путь, по которому проходят пакеты до указанного IP-адреса в сети.
ssh – устанавливает безопасное соединение с удаленным сервером по протоколу SSH.
scp – копирует файлы между удаленным и локальным серверами по протоколу SSH.
rsync – выполняет синхронизацию и копирование файлов между удаленными и локальными серверами.
crontab – позволяет управлять cron-задачами, которые выполняются автоматически по заданному расписанию.
at – позволяет запускать команды или скрипты в определенное время в будущем.
shutdown – планирует выключение или перезагрузку системы по расписанию.
nohup – запускает команду с игнорированием сигналов завершения процесса. Это полезно для выполнения задач в фоновом режиме.
history – отображает историю команд, введенных пользователем в терминале.

Команды Linux для управления процессами

top – отображает список процессов и их характеристики, такие как использование CPU и памяти.
ps – выводит список текущих запущенных процессов с их идентификаторами (PID).
kill – отправляет сигнал процессу для его завершения. Например, kill PID завершит процесс с указанным идентификатором.
pkill – отправляет сигнал процессам по их имени или другим атрибутам. Например, pkill firefox завершит все процессы Firefox.
htop – интерактивное утилита мониторинга процессов, которая позволяет видеть дополнительную информацию и управлять процессами.
free – отображает общую, использованную и свободную память системы, включая физическую и подкачку.
vmstat – предоставляет информацию о использовании памяти, процессоре, вводе-выводе, планировании и других системных ресурсах.
killall – завершает все процессы с указанным именем. Например, killall firefox завершит все процессы Firefox.
renice – изменяет приоритет процесса в реальном времени. Например, renice -n -5 -p PID увеличит приоритет процесса с указанным идентификатором.
nice – запускает процесс с более низким приоритетом. Например, nice -n 10 command запустит команду с очень низким приоритетом.
pgrep – выводит идентификаторы процессов, соответствующие указанной строке. Например, pgrep firefox выведет идентификаторы процессов Firefox.
strace – отслеживает системные вызовы и сигналы, связываемые с процессом. Можно использовать для отладки или анализа процессов.
lsof – выводит открытые файлы и сетевые соединения для всех процессов на системе.
sar – собирает информацию о использовании ресурсов системы, таких как процессор, память, сеть и диски, и сохраняет ее для последующего анализа.
uptime – выводит информацию о времени работы системы, средней загрузке и количестве активных пользователей.
time – запускает команду и отображает время, затраченное на ее выполнение, включая CPU-время и время ввода-вывода.

Команды Linux для управления памятью

smem – отображает детальную информацию об использовании памяти процессами, группами процессов и системой в целом.
sync – записывает все буферы операционной системы на диск, чтобы обеспечить сохранность данных перед завершением работы.
swapoff – отключает файл подкачки, что позволяет освободить диск, но может увеличить использование оперативной памяти.
swapon – включает файл подкачки, добавляя дополнительную виртуальную память для использования системой.
sysctl – позволяет просматривать и изменять настройки ядра, включая параметры, связанные с памятью.
ulimit – устанавливает ограничения на использование ресурсов, включая память, для отдельного пользователя или процесса.
pmap – выводит карту памяти процесса, позволяя увидеть как процесс использует физическую и виртуальную память.
slabtop – отображает информацию о кэшах ядра, которые используют физическую память системы.
ulimit – устанавливает ограничения на использование ресурсов, включая память, для отдельного пользователя или процесса.
numactl – управляет доступом процессов к памяти и процессорам, особенно в многоядерных системах.
sysrq – позволяет отправлять системным вызовом определенные команды ядру Linux, в том числе сброс памяти (Memory Management).
mdb – интерактивный отладчик для системы Solaris, который может использоваться для анализа памяти.

Заключение

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

Знание этих команд и их правильное использование позволяют улучшить производительность и обеспечить более глубокий контроль над Linux системой.

Выбор файловой системы в Linux

Какую файловую систему выбрать при установке Linux? Какие они эти файловые системы? В чем их сходство и различие? Просто о сложном: как не запутаться при установке системы.

Как добавить иконку (favicon) на сайт в HTML

Для привлечения внимания пользователей к сайту разработчики используют различные графические элементы. Одним из таких элементов является favicon. В статье рассказывается, что такое favicon, зачем он нужен сайту и как его оптимизировать. Даётся подробная инструкция, как его создать и добавить на сайт с помощью HTML-кода.

Что такое favicon

Favicon — это графический элемент, который является иконкой сайта и находится на вкладке веб-ресурса. Правильно настроенный favicon помогает пользователям легче находить сайт среди множества открытых вкладок и закладок.

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

Favicon сайта хостинга AdminVPS

Favicon выполняет несколько ключевых функций:

Упрощение навигации для юзеров. С помощью фавикона пользователям легче находить нужные вкладки среди множества открытых сайтов.
Брендинг. Запоминающийся favicon формирует яркий образ бренда. Иконка вызывает у пользователей ассоциации с продуктом или услугой, что в дальнейшем может повысить лояльность и доверие к бизнесу.
Сертификаты безопасности. В некоторых браузерах значок сайта отображается рядом с предупреждениями о безопасности. Это может повысить уровень доверия к ресурсу, поскольку юзер будут видеть знакомую иконку и знать, что веб-ресурс принадлежит определённому бренду.

Фавикон различных сайтов видно в окне браузера на вкладках:

Фавиконы разных сайтов

Иконка сайта может иметь разный формат, что главным образом влияет на её отображение:

ICO. Этот формат является золотым стандартом для фавиконов и поддерживает прозрачность, а также различные размеры (16x16, 32x32, 48x48 и так далее). Он совместим с большинством браузеров.
PNG. Современный формат, поддерживающий прозрачность и более высокое качество изображений. Однако не все браузеры корректно отображают PNG-файлы в качестве фавиконов.
SVG. Векторный формат, который позволяет масштабировать изображение без потери качества. Хотя SVG-файлы могут отлично выглядеть на современных устройствах, некоторые браузеры могут не поддерживать их в качестве фавиконов, что важно учитывать при выборе формата.

Как создать favicon

Создать значок сайта можно с помощью множества доступных онлайн-инструментов.

Выбор изображения

Первый шаг — выбрать или сгенерировать изображение. Например, подойдёт логотип вашей компании, символ или другой элемент, который точно передаёт суть вашего бизнеса. Рекомендуемые размеры для фавиконов — 16x16 пикселей для стандартного отображения на вкладках браузеров и 32x32 пикселя для более качественного отображения на устройствах с высоким разрешением. Помните, что изображение должно быть чётким и легко различимым.

Конвертация в нужный формат

После того как вы выбрали изображение, следующим шагом является его преобразование в один из форматов, наиболее подходящих для фавиконов. Для конвертации используйте онлайн-конвертеры, например, CloudConvert или ConvertICO.

Оптимизация

Убедитесь, что размер файла фавикона не превышает 100 КБ. Чем меньше весит иконка, тем быстрее она будет загружаться на сайте, что особенно важно для мобильных устройств. Сжимайте изображения при помощи инструментов, например, TinyPNG или ImageOptim, чтобы уменьшить вес файла без значительной потери качества.

Полезные сервисы

Для более быстрой разработки фавикона можно воспользоваться сервисами:

1. Favicon.io

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

2. Favicon.cc

Это онлайн-редактор, в котором можно создавать и редактировать значки непосредственно в браузере. Здесь вы сможете нарисовать иконку пиксель за пикселем или загрузить готовое изображение, а затем настроить его.

3. RealFaviconGenerator.net

Этот сервис генерирует полный набор иконок для всех устройств и платформ, включая Android и iOS. Он предоставляет подробные инструкции по добавлению сгенерированных файлов на ваш сайт, что упрощает процесс интеграции.

Как добавить иконку на сайт HTML

Теперь, когда у вас есть готовая иконка, необходимо добавить её на интернет-страницу. Это делается с помощью тега <link>, который помещается в секцию <head> вашего HTML-документа.

Пример HTML-кода для добавления favicon:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <title>Мой сайт</title>
</head>
<body>
    <h1>Добро пожаловать на мой сайт!</h1>
</body>
</html>

В этом примере favicon.ico — это имя вашего файла с иконкой. Убедитесь, что файл находится в той же папке, что и ваш HTML-документ. Если вы используете другие форматы, замените

type="image/x-icon"

на соответствующий тип, например,

type="image/png"

для PNG.

Указание дополнительных размеров

Для лучшей поддержки различных устройств и браузеров вы можете указать разные размеры иконок, используя атрибуты sizes и type.

Пример:

<link rel="icon" href="favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="icon" href="favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="favicon-96x96.png" sizes="96x96" type="image/png">

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

Как добавить иконку в HTML для мобильных устройств

Мобильные устройства требуют особого подхода к иконкам. Используйте следующие метатеги в секции <head>, чтобы иконки корректно отображались в телефонах:

<link rel="apple-touch-icon" sizes="180x180" href="apple-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="android-icon.png">
<link rel="icon" type="image/png" sizes="512x512" href="android-icon.png">

Тестирование иконки

После добавления значка на ваш сайт важно тщательно протестировать его отображение в различных браузерах и на разных устройствах.

Тестирование в различных браузерах

Проверьте, как ваш значок выглядит в популярных браузерах, таких как «Яндекс Браузер», Google Chrome, Mozilla Firefox, Safari и Microsoft Edge. Каждый из них может обрабатывать фавиконы немного по-разному. Например, Chrome может кешировать старое изображение, если вы вносите изменения, поэтому лучше открыть сайт в режиме инкогнито или очистить кеш браузера, чтобы увидеть обновлённый значок.

Проверка на мобильных устройствах

Не забудьте протестировать favicon и на мобильных устройствах. На смартфонах и планшетах значок может отображаться иначе, особенно в зависимости от операционной системы (iOS или Android). Проверьте, как смотрится и отображается иконка на разных экранах, включая устройства с высокой плотностью пикселей (Retina).

Причины проблем с favicon

Если ваша иконка не отображается, на то может быть несколько причин. Разберём основные причины ошибок и предложим их решение.

Проверка пути к файлу

Вы должны проверить, правильно ли вы указали расположение файла в HTML-коде. Например, если ваш файл называется favicon.ico и находится в папке images, путь должен выглядеть так:

<link rel="icon" href="images/favicon.ico" type="image/x-icon">

Если файл находится в корневой директории вашего веб-ресурса, путь будет:

 href="favicon.ico"

Проверьте, не допущена ли опечатка в названии файла и его расширении. Также убедитесь, что файл действительно существует на сервере, иначе иконка не будет отображаться.

Очистка кеша браузера

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

Неправильный формат файла

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

Чтобы проверить тип MIME, вы можете использовать инструменты разработчика в вашем браузере. Откройте вкладку «Сеть» и обновите страницу, затем найдите ваш файл иконки в списке ресурсов. Убедитесь, что указанный тип MIME соответствует формату файла, например, image/x-icon для .ico и image/png для .png.

Заключение

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

Источник: adminvps.ru

Парсинг сайтов на Python: как написать скрипт

С помощью парсинга можно быстро и эффективно собирать информацию с веб-сайтов. В этой статье разберемся, как работает этот процесс, рассмотрим полезные библиотеки и инструменты и научимся парсить сайты на Python.

Что такое парсинг?

Парсинг (англ. parsing — разбор) — это процесс автоматического анализа веб-сайтов для сбора структурированной информации. Еще парсинг часто называют веб-скрапингом. Представьте, что вы ищете на новостном сайте статьи про Python и сохраняете каждую в заметки: копируете заголовок и ссылку. С помощью парсинга можно автоматизировать этот процесс. Все данные будет искать и сохранять скрипт, а вам останется только проверять файл с результатами.

Часто парсинг используют боты, которые потом предоставляют доступ к собранным структурированным данным. Это может быть список статей на сайте, вакансий на платформе по поиску работы или предложений на досках объявлений. Например, один из героев нашего блога написал бот, который нашел ему работу за месяц . Если у сайта нет полноценного открытого API, то парсер ищет данные с помощью GET-запросов к серверу, а это создает дополнительную нагрузку на сервер.

Это накладывает некоторые этические ограничения на скрипты для парсинга веб-сайтов:

не стоит отправлять слишком много запросов к серверу, главная задача — собрать полезные данные, а не положить инфраструктуру сервиса;
если есть публичное API, то лучше использовать его;
на сайте могут быть личные данные пользователей, к ним надо относиться бережно и внимательно.

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

Для чего нужен парсинг?

С помощью парсинга можно быстро собрать сразу много данных, а не тратить время на ручное исследование веб-сайтов. В некоторых задачах именно время является ключевым фактором для перехода к автоматизации. Вот сферы, в которых обычно применяют веб-парсинг:

Мониторинг цен. Можно быстро и эффективно отслеживать цены на один и тот же товар на разных площадках. Пользователям эта информация нужна для поиска самого выгодного предложения, а компаниям — для корректировки цен в своих магазинах.
Отслеживание трендов. В социальных сетях постоянно меняются популярные темы. Надо проводить много времени в Сети, чтобы идти в ногу со временем или использовать автоматизированные системы сбора популярных постов.
Новости. С помощью парсинга можно разработать собственный агрегатор новостей и настроить его только на интересные сайты и медиа.
Исследования. Для глубокого анализа рынка или конкурентов нужны большие массивы данных. Ручной сбор займет много времени. Парсер выполнит задачу быстрее и точно ничего не пропустит.

Python и Beautiful Soup

Для парсинга удобно использовать Python из-за его простого синтаксиса и интерпретируемого подхода. Скрипты можно писать быстро и не собирать весь проект снова после незначительных изменений в коде. Разработанный парсер можно без проблем перенести практически на любую платформу или запустить в облаке, автоматизировав процесс хранения информации.

Еще одно преимущество Python — его популярность. Для языка программирования есть большое количество сторонних библиотек для различных задач и активное сообщество, которое может помочь советом. Одна из полезных библиотек для парсинга веб-сайтов — BeautifulSoup. С ее помощью можно легко анализировать HTML-файлы и находить в них нужные данные. В этой статье будем парсить сайт с ее помощью.

Как установить Beautiful Soup

Есть несколько популярных способов запуска кода на Python:

На своем компьютере. Python работает на Windows, Linux и MacOS. Для этого надо предварительно установить язык программирования на устройство. Сам код можно писать в редакторе или в полноценной IDE. Из бесплатных доступны Visual Studio Code и PyCharm Community. Плюсы этого способа заключаются в том, что все данные хранятся локально, а код выполняется быстрее.
В облачном сервисе. Есть множество платформ, которые позволяют писать и запускать код на Python в облаке. Для этого на компьютер не надо устанавливать дополнительные пакеты и заботиться о совместимости. Понадобится только браузер и стабильное подключение к интернету. Все данные будут передаваться на удаленный сервер. Такой способ подходит для новичков или для быстрых экспериментов с кодом. Можно использовать бесплатные Repl.it, Google Colab или Programiz.

Для работы нам понадобятся библиотеки BeautifulSoup, requests и lxml. Их можно установить с помощью следующей команды в терминале:

$ pip3 install requests BeautifulSoup4 lxml

Получаем HTML-страницу

Для начала парсинга надо получить страницу, из которой будем вытаскивать полезные данные. Для этого будем использовать библиотеку requests, чтобы отправить GET-запрос, в качестве ответа получить код страницы и сохранить его. Попробуем распарсить вот эту статью, получив заголовок и первый абзац. Код выглядит следующим образом:

import requests

url = 'https://blog.skillfactory.ru/programmist-v-sims-4/'

response = requests.get(url)

response.raise_for_status()

print(response.text)

Что в коде:

import requests — импортируем библиотеку requests в код скрипта;
url = ‘https://blog.skillfactory.ru/programmist-v-sims-4/’ — переменная, в которой хранится ссылка на целевую страницу;
response = requests.get(url) — выполняем GET-запрос и передаем в него переменную с хранящейся ссылкой;
response.raise_for_status() — эта функция вернет нам код ошибки, если запрос не получится выполнить. Если не добавить эту строчку, то Python будет дальше выполнять код и не обращать внимания на ошибку;
print(response.text) — печатаем код полученной страницы.

В ответе мы получим весь код страницы, включая CSS-стили и JavaScript. Вот так это выглядит:

Парсим страницу

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

Для этого потребуется веб-инспектор в любом браузере. Мы будем использовать Safari, но этот режим есть и в других браузерах. К примеру, в Google Chrome он открывается сочетанием клавиш Сtrl + Shift + I (Windows) или ⌥ + ⌘ + I (macOS). После этого можно выбрать на странице элемент и увидеть его код в инспекторе.

Заголовок статьи находится в теге <h1>, поэтому попробуем получить его содержимое с помощью библиотеки BeautifulSoup. Для этого передадим в функцию find искомый тег:

from bs4 import BeautifulSoup

import requests

url = 'https://blog.skillfactory.ru/programmist-v-sims-4/'

response = requests.get(url)

response.raise_for_status()

soup = BeautifulSoup(response.text, 'lxml')

title = soup.find('h1')print(title)

Все получилось и Python вывел в консоль текст заголовка, но с тегами. Надо избавиться от них. Это можно сделать с помощью преобразования содержимого переменной title в текст. После этого Python удалит теги, оставив только их содержимое:

soup = BeautifulSoup(response.text, 'lxml')

title = soup.find('h1')

title = title.text

print(title)

Теперь надо повторить весь порядок действий для вывода первого абзаца. Начинаем с поиска тега в инспекторе и после этого вытаскиваем его из файла и преобразуем в текст.

paragraph = soup.find('p')

paragraph = paragraph.text

print(paragraph)

Мы в точности повторили весь порядок действий, но парсер вывел совсем не ту строчку. Все дело в том, что мы искали элемент по тегу <p>. В HTML-файле их может быть несколько, а BeautifulSoup ищет самый первый. Поэтому запрос надо уточнить и сделать его более конкретным.

Для этого можно указать дерево наследования элементов. К примеру, если тег <p> входит в <article>, а тот — в <main>, то код запроса можно будет записать так: soup.find(‘main’).find(‘article’).find(‘p’). Еще можно искать элемент по его классу. Для этого в функцию надо передать тег и его класс: soup.find(‘p’, class_=’paragraph’).

В нашем случае запрос будет выглядеть следующим образом:

paragraph = soup.find('div', class_='single-content').find('p')

paragraph = paragraph.text

print(paragraph)

Таким образом можно распарсить любую веб-страницу и получить необходимые данные, а потом использовать их по своему усмотрению. К примеру, строить график изменения цен на товары в онлайн-магазинах или автоматически отправлять ссылки на новые статьи с кратким содержанием в Telegram.

Сохраняем результат

Сейчас наш код выводит результат парсинга веб-страницы в консоль. Эти данные никуда не сохраняются и к ним сложно получить доступ. Для этого каждый раз надо будет запускать скрипт. Упростим задачу и запишем данные в файл.

Для этого воспользуемся встроенной функцией write(). Сперва откроем файл в режиме записи:

file = open("parsing.txt", "w")

Если файла с таким названием нет, то Python сам создаст его в директории проекта.

После этого запишем данные, полученные во время парсинга, и обязательно закроем файл:

file.write(title)

file.write(paragraph)

file.close()

Коротко о том, как парсить сайты на Python

С помощью парсинга можно автоматически анализировать веб-страницы и вытаскивать из них полезную информацию.
Для парсинга необходимо отправлять запросы к серверу, чтобы получать код сайтов, а это может нагружать сервис, поэтому важно не злоупотреблять этим.
Если у сервиса есть публичное API, то лучше пользоваться им.
В Python удобно парсить веб-сайты с помощью библиотеки BeautifulSoup.
Запросы выполняются с помощью библиотеки requests.
Результат парсинга можно сохранять в файл, вносить в базу данных или отправлять с помощью почты и мессенджеров.

Источник: blog.skillfactory.ru

1 2 3 Следующая

27 Интересных фактов о Linux

27 Фактов о Linux

Удивительные возможности современного C++

Ключевое слово auto

Лямбда-выражение

Инициализатор в if и switch

Компиляция и constexpr

Кортежи

Вывод типов шаблонных параметров для классов

Умные указатели

Кастомизация Linux Mint под Windows 11

История HTML: от зарождения до современности

HTML 1.0: Первые шаги в веб-разработке

Эволюция HTML: От HTML 2.0 до HTML 4.01

HTML 2.0

HTML 3.2

HTML 4.01

HTML5: Революция в веб-технологиях

Новые семантические элементы

Встроенные мультимедиа

Улучшенная поддержка форм

API и новые возможности

Современное состояние и будущее HTML

Тренды и перспективы

Влияние на будущее

как подключить OpenVPN на linux Mint

Возможные проблемы

Не установлен плагин для работы с ovpn:

Не запущена служба openvpn:

Шпаргалка по командам терминала LINUX...

Команды Linux для управления файлами

Команды Linux для управления пользователями

Команды Linux для управления приложениями

Команды Linux для управления системой

Команды Linux для управления процессами

Команды Linux для управления памятью

Заключение

Выбор файловой системы в Linux

Введение: Что такое файловая система?

Основные файловые системы в Linux

Btrfs (B-Tree File System)

XFS

ZFS

F2FS (Flash-Friendly File System)

Что выбрать новичку?

Почему?

Когда выбрать другое?

Как выбрать файловую систему при установке?

Заключение

Как добавить иконку (favicon) на сайт в HTML

Что такое favicon

Как создать favicon

Выбор изображения

Конвертация в нужный формат

Оптимизация

Полезные сервисы

1. Favicon.io

2. Favicon.cc

3. RealFaviconGenerator.net

Как добавить иконку на сайт HTML

Указание дополнительных размеров

Как добавить иконку в HTML для мобильных устройств

Тестирование иконки

Тестирование в различных браузерах

Проверка на мобильных устройствах

Причины проблем с favicon

Проверка пути к файлу

Очистка кеша браузера

Неправильный формат файла

Заключение

Парсинг сайтов на Python: как написать скрипт

Что такое парсинг?

Для чего нужен парсинг?

Python и Beautiful Soup

Как установить Beautiful Soup

Получаем HTML-страницу

Парсим страницу

Сохраняем результат

Коротко о том, как парсить сайты на Python