Bu eğitim sadece Windows veya Mac işletim sistemlerinde Opera tarayıcısını çalıştıran kullanıcılar içindir. Sayfa kaynağını başka tarayıcılarda görüntülemeniz gerekiyorsa, Kılavuzumuzda Her Tarayıcıda Bir Web Sayfasının Kaynak Kodunun Nasıl Görüntüleneceğini öğrenin.
Bir web sayfasının kaynak kodunu görüntülemek için, kendi sitenizdeki bir sorunu ayıklamaktan sadece meraklılığa kadar uzanan birçok sebep vardır. Sebebiniz ne olursa olsun, Opera tarayıcısı bu görevi gerçekleştirmeyi kolaylaştırır. Bu kaynağı en basit biçimde bir tarayıcı sekmesinde görüntüleyebilir veya Opera'nın tümleşik geliştirici araçlarıyla daha derinlemesine dalış yapabilirsiniz. Bu eğitici, her ikisini de nasıl yapacağınızı gösterir. İlk önce Opera tarayıcınızı açın
Windows Kullanıcıları
Tarayıcı pencerenizin sol üst köşesinde bulunan Opera menüsü düğmesine tıklayın. Açılır menü belirdiğinde, fare imlecinizi Diğer araçlar seçeneğinin üzerine getirin. Bir alt menü şimdi görünmelidir. Geliştirici seçeneğinin üzerine tıklayın, böylece bu seçeneğin soluna bir onay işareti yerleştirilir.
Ana Opera menüsüne geri dönün. Artık, Geliştirici etiketli Diğer araçların hemen altında bulunan yeni bir seçenek göreceksiniz. Alt menü belirene kadar fare imlecinizi bu seçenek üzerinde gezdirin. Ardından, Sayfa kaynağını görüntüle'ye tıklayın. Aktif web sayfasının kaynak kodu, şimdi yeni bir tarayıcı sekmesinde görüntülenecektir. Bu noktaya ulaşmak için aşağıdaki klavye kısayolunu da kullanabilirsiniz: CTRL + U
Etkin sayfa ve ilgili kod hakkında daha ayrıntılı bilgileri görüntülemek için Geliştirici alt menüsünden Geliştirici araçları seçeneğini seçin veya aşağıdaki klavye kısayolunu kullanın: CTRL + SHIFT + I
Mac OS X ve macOS Sierra Kullanıcıları
Ekranın üst kısmında bulunan Opera menüsünüzde Görüntüle'yi tıklayın. Açılır menü belirdiğinde, Geliştirici Menüsünü Göster'i seçin. Geliştirici etiketli Opera menünüze şimdi yeni bir seçenek eklenmelidir. Daha sonra bu seçeneğe tıklayın ve açılan menü belirdiğinde Kaynağı Görüntüle'yi seçin. Bu eylemi gerçekleştirmek için aşağıdaki klavye kısayolunu da kullanabilirsiniz: Command + U
Mevcut sayfanın kaynak kodunu gösteren yeni bir sekme şimdi görünmelidir. Aynı sayfayı Opera'nın dev araç seti ile analiz etmek için, öncelikle ekranınızın üst kısmındaki tarayıcı menüsünde Geliştirici'yi tıklayın. Açılır menü görüntülendiğinde, Geliştirici Araçları seçeneğini belirleyin.