დავუშვათ, რომ ეწვიეთ ვებსაიტს, რომელზეც მუშაობდით და ხედავთ რამდენიმე ხარვეზს. თქვენ უნდა ნახოთ გვერდის წყარო iPhone-ზე ან iPad-ზე, რომ იპოვოთ buggy კოდი და გამოასწოროთ იგი. თქვენ ხსნით Safari-ს და გიჟდებით, რომ Safari-ზე იპოვით HTML წყაროს კოდის ნახვის ღილაკს უშედეგოდ. Რას აკეთებ ახლა? ეს მარტივია, უბრალოდ წაიკითხეთ ეს სტატია!
ყველა ვებ დეველოპერმა, პროგრამისტმა, პროგრამული უზრუნველყოფის დიზაინერმა, App Store-ის აპლიკაციის შემქმნელმა, კონტენტის შემქმნელმა და ვებმასტერმა იცის, რამდენად მნიშვნელოვანია წყაროს კოდი. სამუშაოს ამ ეტაპზე, თქვენ ყოველთვის გჭირდებათ ვებ გვერდის წყაროს კოდის ნახვა, პრობლემების გამოსასწორებლად, გამართვის, დიზაინისა და ვებსაიტის ღირებულების დასამატებლად.
მიუხედავად იმისა, რომ ეს ამოცანა საკმაოდ მარტივია Android და Windows მოწყობილობებზე, ის თანაბრად რთულია Apple მოწყობილობებზე, როგორიცაა iPhone, iPad, MacBook და iMac. თუმცა, macOS-ზე ფუნქცია ხელმისაწვდომია, მაგრამ დამალულია და მისი პოვნა შეგიძლიათ შემდეგნაირად.იხილეთ HTML წყარო კოდი Safari-ში” სტატია. თუმცა, iOS მოწყობილობებისთვის, ეს განსხვავებული ამბავია.
Apple-მა აბსოლუტურად გაართულა გვერდის წყაროების ნახვა iPad/iPhone-ზე. არ არსებობს მშობლიური, ან მე უნდა ვთქვა, მარტივი მეთოდები, რომლებსაც შეხებით ან შეხებით შეძლებთ ვებ გვერდების HTML წყაროს კოდის მისაღებად. მაგრამ ჯერ ძალიან ნუ გაგიჟდებით. ამის ნაცვლად, წაიკითხეთ ეს სტატია ბოლომდე, რომ იპოვოთ საუკეთესო გზები, რათა ისწავლოთ გვერდის წყაროს ნახვა Safari-ზე iPhone-ზე ან iPad-ზე.
მიზეზები, რის გამოც უნდა ნახოთ გვერდის წყარო iPhone/iPad-ზე
იპოვეთ ქვემოთ რამდენიმე სიტუაცია და მიზეზი, რომ ნახოთ გვერდის წყაროები Safari-ზე iPad/iPhone-ზე:
- თქვენ უნდა ნახოთ ვებ გვერდის გვერდის წყარო კონკრეტული მოწყობილობისთვის, როგორიცაა iPhone ან iPad. თუ თქვენ შედიხართ ვებსაიტზე Mac-ზე და ნახულობთ HTML წყაროს კოდს, ნახავთ ელემენტებს დესკტოპის ვერსიისთვის და არა iPhone-ის ან iPad-ის ვერსიებისთვის.
- თქვენ მოგზაურობთ და გსურთ დახარჯოთ თქვენი დრო ვებ გვერდის კოდების მოსაძებნად ახალი იდეების მისაღებად ან გამართვის გეგმის შესაქმნელად.
- თქვენ ამჯობინებთ ვებსაიტის განვითარებას თქვენს iPad-ზე, რადგან მას გააჩნია მრავალი მრავალფუნქციური ფუნქცია, როგორიცაა სცენის მენეჯერი, გაყოფილი ხედი და ა.შ.
ამრიგად, მიჰყევით ქვემოთ მოცემულ მეთოდებს, რათა დარჩეთ მზად, თუ ნებისმიერ მომენტში გამოჩნდება გვერდის წყაროს ნახვის აუცილებლობა iPhone ან iPad-ზე.
საუკეთესო მეთოდები iPhone/iPad-ზე გვერდის წყაროს სანახავად
ქვემოთ მოცემულია პოპულარული გზები, რომ ნახოთ გვერდის წყაროები HTML კოდებით iPhone-ზე ან iPad-ზე მესამე მხარის აპის გამოყენების გარეშე. ეს მეთოდები შესაბამისია კონფიდენციალურობისა და უსაფრთხოების შესახებ კოდირებისთვის და საბოლოო მომხმარებლებისთვის:
1. მიიღეთ HTML წყაროს კოდი მალსახმობების აპლიკაციის გამოყენებით
ეს მეთოდი იმუშავებს მხოლოდ იმ შემთხვევაში, თუ თქვენ იყენებთ iOS 12.0 (iPadOS 12.0) და უფრო ახალ ვერსიას. აი, როგორ შევქმნათ ნახვის გვერდის წყაროს მალსახმობი iPhone ან iPad-ზე:
- Გააღე მალსახმობები აპლიკაცია საწყისი ეკრანიდან ან აპის უჯრიდან.
- შეეხეთ პლუს (+) ხატულა ახალი ცარიელი მალსახმობის შესაქმნელად.
- საძიებო ველში ჩაწერეთ HTML და აირჩიე შექმენით HTML მდიდარი ტექსტიდან.
- ისევ მოძებნეთ სწრაფი ნახვა აპლიკაცია საძიებო ველში და დაამატეთ მალსახმობების რედაქტორს.
- ახლა, შეეხეთ მალსახმობის ხატულას ზედა და აირჩიეთ გადარქმევა.
- გადაარქვით სახელი წყაროს კოდის ნახვა და შეეხეთ შესრულებულია.
- შეეხეთ (მე) ღილაკი და გადართე ჩვენება გაზიარების ფურცელში ვარიანტი.
- ახლა გახსენით Safari ბრაუზერი და ეწვიეთ თქვენს მიერ არჩეულ ვებ გვერდს.
- შეეხეთ გააზიარეთ დააწკაპუნეთ Safari აპზე და გადადით ქვემოთ საპოვნელად წყაროს კოდის ნახვა მალსახმობი.
- შეეხეთ მალსახმობს და მიიღებთ HTML წყაროს კოდს Quick Look-ში.
2. გვერდის წყაროს ნახვა სანიშნეების სკრიპტის გამოყენებით
ამ მეთოდით, თქვენ შექმნით სანიშნეს და URL იქნება ნახვის წყაროს სკრიპტი. როდესაც ათვალიერებთ რომელიმე ვებგვერდს და გჭირდებათ გვერდის წყაროს ნახვა Safari-ზე, უბრალოდ შეეხეთ სანიშნეს. თქვენ მიიღებთ HTML წყაროს კოდს გვერდისთვის. აი, როგორ კეთდება:
- ეწვიეთ შემთხვევით ვებსაიტს და მონიშნეთ ის თქვენს Safari ბრაუზერში iPad ან iPhone-ისთვის.
- შეეხეთ Safari მენიუ ზედა მარცხენა კუთხეში და გადადით სანიშნეები.
- შეეხეთ რჩეულები თქვენ მიერ ახლახან დამატებული სანიშნეს საპოვნელად.
- დიდხანს შეეხეთ სანიშნეს და შემდეგ აირჩიეთ რედაქტირება კონტექსტურ მენიუში.
- გაასუფთავეთ არსებული სანიშნეს სათაური და გადაარქვათ სახელი HTML წყარო კოდი ან რაიმე სხვა უბრალოდ სანიშნეის დასამახსოვრებლად.
- შეეხეთ მისამართი ველი და გაასუფთავეთ არსებული URL.
- დააკოპირეთ და ჩასვით შემდეგი კოდი URL-ად (კოდის შემქმნელი: Rob Flaherty):
javascript:(function(){var a=window.open('about: ცარიელი').დოკუმენტი; a.write('');a.close();var b=a.body.appendChild (a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace=' pre-wrap';b.appendChild (a.createTextNode (document.documentElement.innerHTML))})();- შეეხეთ შესრულებულია კლავიატურაზე თქვენ მიერ აქამდე განხორციელებული ცვლილებების შესანახად.
- ახლა, გადადით ვებ გვერდზე, რომლისთვისაც გჭირდებათ საწყისი კოდის შემოწმება.
- გადადით სანიშნეები მენიუს და შეეხეთ HTML წყარო კოდი სანიშნე, რომელიც ახლახან შექმენით.
- თქვენ უნდა ნახოთ იმ გვერდის HTML კოდი, რომელსაც სტუმრობთ ახალ Safari ჩანართში.
ასევე წაიკითხეთ:როგორ მართოთ სანიშნეები Safari-ში iOS და Mac-ზე
3. გვერდის წყაროს ნახვა macOS Tethering-ის გამოყენებით
Safari აპს iPhone-სა და iPad-ზე გააჩნია ჩაშენებული Web Inspector ინსტრუმენტი. სამწუხაროდ, ფუნქცია პირდაპირ არ მუშაობს iPhone ან iPad მოწყობილობებზე. თქვენ უნდა დააკავშიროთ მოწყობილობები MacBook-ზე ან iMac-ზე. შემდეგ, შეგიძლიათ გამოიყენოთ კონტროლი Mac Safari-ზე HTML წყაროს კოდის ვიზუალიზაციისთვის. პროცესი მუშაობს ორ ეტაპად, როგორც ეს მოცემულია ქვემოთ:
გააქტიურეთ ვებ ინსპექტორი
მიჰყევით ამ ნაბიჯებს ჩართვისთვის ვებ ინსპექტორი ფუნქციონალობა Safari-ზე iPad-ისთვის და iPhone-ისთვის:
- თქვენს iPhone-ზე ან iPad-ზე გახსენით პარამეტრები აპლიკაცია.
- Წადი Safari პარამეტრები.
- გადაახვიეთ Safari პარამეტრების ფანჯრის ბოლოში, რომ იპოვოთ Მოწინავე მენიუ. შეეხეთ მას.
- გააქტიურეთ ვებ ინსპექტორი გადართვის ღილაკზე დაჭერით.
იხილეთ გვერდის წყარო Mac Safari-ზე
გადადით თქვენს Mac-ზე და მიჰყევით ამ ნაბიჯებს:
- შეაერთეთ iPhone ან iPad MacBook-ით ან iMac-ით USB კაბელის გამოყენებით.
- თუ მოწყობილობა ადრე არ იყო დამოწმებული, Mac მოგთხოვთ მისი ავთენტიფიკაცია Apple ID-ის გამოყენებით.
- ახლა გახსენით Safari აპლიკაცია Mac-ზე და ეწვიეთ ნებისმიერ ვებსაიტს.
- Mac-ის ხელსაწყოთა პანელზე დააწკაპუნეთ განავითარეთ.
- მოძებნეთ თქვენი iPad ან iPhone კონტექსტური მენიუში, რომელიც იხსნება.
- დააწკაპუნეთ თქვენს iPad-ზე ან iPhone-ზე, რათა გახსნათ ახალი ფანჯარა თქვენს Mac-ზე, რომელიც აჩვენებს ამ მოწყობილობების Safari ეკრანს.
- ახლა გახსენით სამიზნე ვებსაიტი თქვენს iPhone-ზე ან iPad-ზე და იხილეთ საწყისი კოდი Mac Safari ბრაუზერში.
თუ კარგად ერკვევით მესამე მხარის აპებთან და ხელსაწყოებთან, მაშინ შეიძლება დაგჭირდეთ ამ დამატებითი მეთოდების ნახვა ვებ გვერდების HTML წყაროს კოდების სანახავად:
4. Safari Extension – ვებ ინსპექტორი
შეგიძლიათ დააინსტალიროთ Web Inspector გაფართოება Apple Safari ბრაუზერისთვის iPad-სა და iPhone-ზე. შემდეგ, დაურეკეთ გაფართოებას ვებ გვერდის დათვალიერებისას მისი HTML კოდის სანახავად. აქ არის ნაბიჯები, რომლებიც უნდა სცადოთ:
- Გააღე პარამეტრები აპლიკაცია და გადადით Safari პარამეტრები განყოფილება.
- გადაახვიეთ ქვემოთ, სანამ არ იპოვით გაფართოებები ვარიანტი. შეეხეთ მას.
- Inside Extensions, შეეხეთ მეტი გაფართოებები.
- გამოჩნდება App Store-ის გვერდი Safari Extensions-ისთვის.
- შეეხეთ ძიება ყუთი და აკრიფეთ ვებ ინსპექტორი და შეეხეთ ძიებას კლავიატურაზე.
- იპოვეთ და დააინსტალირეთ Web Inspector აპი.
- ისევ გადადით პარამეტრები > Safari > გაფართოებები > და შეეხეთ ვებ ინსპექტორი.
- გამოიყენეთ გადართვის ღილაკი Safari-სთვის ამ გაფართოების გასააქტიურებლად.
- გახსენით Safari და ეწვიეთ ნებისმიერ ვებსაიტს.
- შეეხეთ გაფართოებები ხატულა მისამართის ზოლის მარჯვენა მხარეს.
- აირჩიეთ ვებ ინსპექტორი გაფართოება.
- Აირჩიე მიეცით ერთი დღე ვარიანტი ამომხტარ ფანჯარაში, რომელიც გამოჩნდება.
- ისევ, შეეხეთ გაფართოებები ხატულაზე და შემდეგ შეეხეთ ვებ ინსპექტორს.
- HTML წყაროს კოდი უნდა გამოჩნდეს ვებ გვერდის ბოლოდან, რომელსაც თქვენ ათვალიერებთ.
- შეგიძლიათ გადახვიდეთ ჩანართებს შორის, როგორიცაა DOM, Elements, Console, Network და Resources.
- ნორმალურ ხედზე დასაბრუნებლად, უბრალოდ შეეხეთ Web Inspector გაფართოებას Safari-ის გაფართოებების განყოფილებაში.
5. iOS აპლიკაცია - წყაროს ნახვა
შეგიძლიათ მიიღოთ ის უფასოდ App Store-ში. საძიებო ველში ჩაწერეთ View Source და შეეხეთ ძიებას. თქვენ ნახავთ მრავალ შედეგს App Store-ზე. დააინსტალირეთ ის, სადაც ნათქვამია View Source. აპლიკაციის პროვაიდერია რომან ტომჯაკი.
გახსენით აპლიკაცია საწყისი ეკრანიდან ან აპლიკაციის უჯრიდან. შემდეგ, ჩაწერეთ ვებსაიტის URL მის მისამართების ზოლში, რათა გამოავლინოთ HTML კოდი.
ინსტრუმენტი იძლევა წყაროს კოდის iPhone-ის ზომის ხედს. თუმცა, შეგიძლიათ შეცვალოთ ორიენტაცია ან მასშტაბირება შესაბამისი ღილაკების გამოყენებით ეკრანის ქვედა მარჯვენა კუთხეში.
6. იხილეთ წყაროს კოდი უფასოდ Google Web Cache-ის გამოყენებით
თქვენ შეგიძლიათ შეასრულოთ შემდეგი სუფთა და მაგარი ხრიკი მონახულებულ ვებსაიტებზე, რათა ნახოთ მათი ძირითადი კოდი Safari-ზე ან Chrome-ზე:
- ეწვიეთ ვებ გვერდს, რომლისთვისაც გჭირდებათ HTML კოდის პოვნა.
- შეეხეთ მისამართს Safari ან Chrome მისამართის ზოლზე.
- აიღეთ აკრეფის კურსორი მისამართის დასაწყისში, როგორც ნაჩვენებია ზემოთ მოცემულ სურათზე.
- ახლა ჩაწერეთ შემდეგი კოდი ადრე https://
ქეში:
- დააჭირეთ წადი ღილაკი iOS კლავიატურაზე.
- გვერდის ზედა ნაწილში თქვენ უნდა ნახოთ Წყაროს ნახვა ვარიანტი. შეეხეთ მას.
- ახლა თქვენ იღებთ ვებ გვერდის საწყის კოდს, რომელსაც ახლახან ეწვიეთ.
ასევე წაიკითხეთ:როგორ შემოიტანოთ თქვენი სანიშნეები, პაროლები და სხვა
7. იხილეთ წყაროს კოდი ვებ აპებში
არსებობს მრავალი ვებსაიტი, რომელიც საშუალებას გაძლევთ გამოავლინოთ ვებსაიტების და ვებ გვერდების ძირითადი კოდი უფასოდ ან მცირე საფასურად. ყველა ამ ვებ აპლიკაციიდან მე ავირჩიე CodeBeautify-ის Source Code Viewer. აი, როგორ მუშაობს:
- iPhone-ზე ან iPad-ზე გადადით ამ ბმულზე: წყაროს კოდის მაყურებელი Safari ბრაუზერის გამოყენებით.
- ში შეიყვანეთ URL ჩაწერეთ ან დააკოპირეთ და ჩასვით ვებ გვერდის URL, რომლისთვისაც გსურთ HTML წყაროს კოდის გამოვლენა.
- შეეხეთ ხედი ღილაკი გვერდის წყაროს სანახავად iPhone/iPad Safari ბრაუზერში.
დასკვნა
ასე რომ, ახლა თქვენ იცით ყველა ხრიკი iPhone და iPad მოწყობილობებზე გვერდის წყაროს სანახავად. ამ სტატიაში თქვენ აღმოაჩინეთ რამდენიმე ადგილობრივი და არა მშობლიური მეთოდი. თქვენ შეგიძლიათ უბრალოდ მიჰყვეთ iPad-ის ან iPhone-ის ორიგინალურ ხრიკებს, რომ ნახოთ ვებ გვერდების HTML წყარო ან გამოიყენოთ აპლიკაციები, რომლებიც ამარტივებს ამოცანას.
მითხარით, რომელი მეთოდი მოგეწონათ ქვემოთ კომენტარის დატოვებით. ასევე, გააზიარეთ სტატია სოციალურ მედიასა და WhatsApp-ზე, რათა დაეხმაროთ თქვენს მეგობრებს, რომლებიც სწავლობენ ვებსაიტების შემუშავებას და აპლიკაციების კოდირებას.
Შემდეგი, როგორ ვისწავლოთ Swift Mac-ზე და iPad-ზე.