Nega "View Source" da Hech Qanday Ma'lumot Ko'rmaysiz?

Muammo shundaki...

YouTube videosining sahifasida sichqonchaning o'ng tugmasini bosib "View Page Source" ni tanladingiz. Kutilganidek, video sarlavhasi, tavsifi va boshqa ma'lumotlarni ko'rishni kutdingiz. Ammo ekranda JavaScript kodi daryosi paydo bo'ldi — minify qilingan, noma'lum, va sarlavha esa umuman yo'q.

Bu xatolik emas. Bu — rejalashtirilgan holat.

Zamonaviy saytlar qanday ishlaydi

YouTube, Twitter, Netflix kabi platformalar Single Page Application (SPA) deb ataladigan texnologiyadan foydalanadi.

Oddiy tushuntirish:

Eski usul: Server sizga tayyor HTML fayl yuboradi. Ichida barcha matn, sarlavha, kontent bo'ladi. Siz "View Source" bilsangiz, hamma narsa ko'rinadi.

Yangi usul: Server sizga bo'sh qolip yuboradi. Keyin JavaScript brauzerda ishga tushadi va kontentni alohida yuklab oladi.

Ya'ni "View Source" da aslida uyingizning rejasini ko'rayapsiz, uyining o'zini emas.

YouTube bu usulni nega tanladi?

YouTube frontend qismini Polymer (Google ning framework i) yordamida yaratgan. Bu bir nechta afzallik beradi:

• Tezkor yuklanish — Sahifa tezda paydo bo'ladi, keyin kontent asta-sekin to'ldiriladi
• Yaxshi keshlash — JavaScript fayli kam o'zgaradi, shuning uchun brauzerda saqlanadi
• Oson rivojlantirish — Oldingi va orqadagi qismlar alohida ishlaydi
• Shaxsiylashtirish — Har bir foydalanuvchiga turli kontent ko'rsatish mumkin

Lekin developerlar uchun bu — bosh og'riqi.

YouTube dan ma'lumot olishning to'g'ri yo'llari

Scraping qilishga urinmang. Platformalar o'zlari sizga qulay vositalar beradi.

1. Rasmiy API

YouTube Data API v3 — bu YouTube ning o'zi taqdim etgan rasmiy vosita. Uning yordamida olishingiz mumkin:

• Video ma'lumotlari (sarlavha, tavsif, thumbnail)
• Kanal haqida ma'lumot
• Qidiruv natijalari
• Pleylist tarkibi
• Statistika (ko'rishlar, like lar, izohlar)

Google hisobi va Google Cloud Console dan API kalit olishingiz kerak. Lekin kvota yetarli — ko'pchilik loyihalar uchun kifoya qiladi.

import requests

API_KEY = "sizning_api_kalit"
VIDEO_ID = "zdJ9Tbm8ALg"

url = f"https://www.googleapis.com/youtube/v3/videos"
params = {
    "part": "snippet,statistics",
    "id": VIDEO_ID,
    "key": API_KEY
}

response = requests.get(url, params=params)
data = response.json()

video_title = data["items"][0]["snippet"]["title"]
views = data["items"][0]["statistics"]["viewCount"]
print(f"'{video_title}' — {views} marta ko'rilgan")

2. Tayyor kutubxonalar

Rasmiy API rasmiy bo'lib ko'rinsa, community ishlab chiqqan vositalar ham bor:

• pytube — video yuklab olish uchun
• youtube-transcript-api — subtitrlarni olish uchun

Bular barcha murakkab ishlami osongina qiladi.

3. RSS Feed (Ha, hali ishlaydi!)

YouTube hali RSS feed larni qo'llab-quvvatlaydi. Bu eski usul, lekin hali ish beradi. Kanal yangiliklarini kuzatish uchun API ga hojat yo'q. Barcha ma'lumot bo'lmaydi, lekin oddiy monitoring uchun yetarli.

Qachon Scraping kerak bo'ladi

API yetarli bo'lmaganda yoki tezlik cheklovi jiddiy bo'lganda, scraper yozishga to'g'ri keladi.

Buning uchun headless browser kerak. Bu — vizual oyna bo'lmagan brauzer. JavaScript ni ishga tushiradi va tayyor HTML qaytaradi.

Playwright va Puppeteer — eng mashhur variantlar:

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  
  await page.goto('https://www.youtube.com/watch?v=zdJ9Tbm8ALg');
  
  // Kontent to'liq yuklanishini kutamiz
  await page.waitForSelector('h1.ytd-video-primary-info-renderer');
  
  const title = await page.textContent('h1.ytd-video-primary-info-renderer');
  console.log('Video sarlavhasi:', title);
  
  await browser.close();
})();

Ammo ehtiyot bo'ling:

• API ga nisbatan sekin
• Bot himoyasiga tushib qolishingiz mumkin
• YouTube frontend o'zgarsa, coderingiz buziladi
• Ko'proq resurs talab qiladi

Xulosa

Keyingi marta "View Source" da garaj ko'rsangiz — bezovta bo'lmang. Ma'lumot bor, faqat JavaScript dinamik ravishda yuklayapti.

YouTube va shunga o'xshash platformalar bu architecture uchun katta pul sarflaydi. Sabablari bor.

Biz developerlar sifatida bu tizimlar bilan kurashmasligimiz kerak — balki ular bilan birga ishlashimiz kerak. API dan foydalaning, scraping qachon kerakligini biling, va me'yorlarga rioya qiling. Internet — tashqi ko'rinishdan ko'ra ko'proq hamkorlikka asoslangan.