Come configurare smartphone e PC. Portale informativo
  • Casa
  • VKontakte
  • Codice sorgente dello script. Come incorporare il codice JavaScript in una pagina HTML

Codice sorgente dello script. Come incorporare il codice JavaScript in una pagina HTML

Disclaimer!

Quello che vedrai all'interno del sorgente è un codice di merda terribile, che è consigliabile non utilizzare nei tuoi progetti per evitare tutti i problemi che io stesso ho riscontrato una volta. Se ovviamente tu, essendo una persona immortale, decidi di utilizzare il mio codice nei tuoi progetti, allora ti avviso che declina ogni responsabilità per il suo utilizzo e per eventuali problemi che potresti incontrare. Quando pubblichi le tue varie modifiche, se presenti, cambia il loro nome, perché Police Tools esiste ancora ed è supportato dallo sviluppatore. Si consiglia di prendere queste cose sul serio, perché nessuno è immune da Takedown e intendo proteggere il copyright sul mio prodotto fino alla fine del supporto per questo script. La questione del copyright si applica non solo alla pubblicazione su BlastHack, ma anche a tutti i siti in generale. Grazie per la comprensione!

Buona esplorazione!

Buona giornata, signori LUA, oggi, 1 gennaio 2019, vorrei presentarvi il codice sorgente completo del mio script Strumenti della polizia. Affinché le persone non corrano a creare le proprie copie della mia idea, dirò che questa versione è abbastanza vecchia che i suoi sistemi non rappresentano più un pericolo per il mio progetto principale. Dico subito che pubblico qui questo progetto perché... Voglio aiutare le persone che vogliono conoscere LUA ad imparare. Non è stupido copiare il codice, cambiare nome e spacciare il progetto per proprio, ma acquisire conoscenza. Io, come nessun altro, capisco cosa vuol dire ricominciare completamente da zero, senza avere un esempio più o meno valido a portata di mano. Inoltre non dirò che questo progetto sia meraviglioso. Ho iniziato a scriverlo 2017, allora io stesso stavo appena iniziando a dedicarmi allo scripting su LUA, possono esserci sistemi terribili.

Gran parte del codice è commentato, non devi nemmeno guardarlo, ero troppo pigro per ritagliarlo.


Ti consiglio di leggere questo argomento per intero, altrimenti molto probabilmente non capirai nulla quando aprirai il codice sorgente. Pronti a leggere? Spero che la tua risposta sia positiva. Cominciamo.




La fonte stessa consiste in alcune cose che sono molto difficili da padroneggiare per i principianti:
Finestre e sovrapposizioni ImGUI [interfaccia principale]
Lavorare con la rete [richieste asincrone/richieste HTTP regolari]
Lavorare con le configurazioni INI [impostazioni script]
Lavorare con finestre di dialogo a più fasi [interfaccia aggiuntiva]
Un po' di lavoro con SAMP LUA.


Ora discutiamo le parti problematiche del mio codice sorgente:


Codice molto confuso perché... L'ho scritto per quasi tre anni, Dio lo benedica.
Molti commenti che sostanzialmente non hanno alcun senso ed erano solo appunti.
In alcuni punti c'è un numero enorme di linee invece di una possibile, ma questo non è fondamentale.


Se parliamo dei vantaggi, possiamo evidenziare quanto segue:

10.000 codici puliti + altri 3.000 commenti talvolta utili.
Sistemi privati ​​per i quali una volta pagavo i miei sudati guadagni.
Sistemi di alta qualità che possono fungere da fonti per le funzioni di rete.


Semplificherò anche il tuo compito ed elencherò funzioni interessanti:

Gioco di ruolo automatico delle armi.

Può essere trovato nel commento principale [WEAPON_FUNCTION_BEGIN].


Sistema leggermente ridisegnato di richieste asincrone cicliche.

Può essere trovato tramite la ricerca, funzione [loop_async_http_request].

Un sistema di chat in-script completo con le funzioni di cui sopra.

Può essere trovato sulla linea [3985] o tramite chiave. parola [getmsg2.php].


Un esempio è la banca dati completa del Ministero degli affari interni.


Può essere trovato sulla linea [8124] o tramite chiave. parola [cmd_database].


Un sistema di raccoglitori in-script completo con tag.
Mini MVDHelper, come molti credono, può essere trovato in tutta la sceneggiatura.
Questo codice sorgente utilizza le seguenti librerie:



Forse aggiungerò informazioni utili e interessanti a questo argomento. Capisci, la notte dopo Capodanno è sempre difficile. Se ho dimenticato di aggiungere qualcosa e l'hai trovato nella fonte, scrivi nell'argomento, te ne sarò molto grato. Spero che con il mio codice sorgente possa aiutare almeno alcuni di coloro che stanno iniziando a studiare LUA o stanno cercando di scrivere il loro primo script. Se hai domande sulla fonte, puoi anche farle in questo argomento. Se vuoi lasciare una recensione fai pure, tutto il topic è a tua disposizione. E lascia che ti ricordi ancora una volta che ho iniziato a scrivere questa sceneggiatura mentre studiavo, quindi non dovresti criticarla troppo. Siamo tutti umani, tutti commettiamo errori in un modo o nell'altro. Una richiesta enorme, crea script unici, non ripetere dopo gli altri, a meno che, ovviamente, non impari dall'esempio di qualcun altro. Ricorda, se qualcosa non funziona per te, prova oltre: un giorno avrai sicuramente successo se non ti arrendi. Non cercare di nascondere il tuo codice, lascia che le persone vedano cosa sai fare. Dopotutto, solo così potranno riconoscerti come una persona che sa scrivere codice e non ha paura di mostrarlo. Capisco che non sono il primo a pubblicare un progetto enorme, ma spero anche di non essere l'ultimo a farlo. Bene, Pavel Garson si è messo in contatto con te, studia e ottieni tutto ciò che desideri. E sì, fornisco questa fonte per la revisione e non per una palese copia. Se lo copi scrivi dove l'hai preso. E grazie a tutti.


In realtà penso che non ti interessi assolutamente quello che ho scritto sopra, stai solo cercando la fonte.
Grande rispetto per quelle persone che hanno letto l'intero testo che mi è venuto in mente dopo Capodanno =))


Quindi, abbiamo già scoperto che l'applicazione principale degli script nel linguaggio JavaScript sono i siti Internet. Spero che tu lo sappia almeno in termini generali. Non parlerò di questo.

Il sito Internet più semplice è costituito da una o più pagine web (pagine web, ).

Per utilizzare gli script JavaScript, devi in ​​qualche modo incorporare il codice sorgente dello script nella tua pagina web.

Questo è ciò di cui parlerò oggi.

Pertanto, lo script nel corpo di una pagina HTML può essere inserito quasi ovunque.

Se stai inserendo una funzione, è meglio inserirla nel titolo della pagina. Cioè, da qualche parte nel mezzo

... .

Lo script stesso viene inserito tra i tag

Qui come parametro del tag di apertura

Come ho detto, lo script può essere inserito ovunque nella pagina. Tuttavia, se ciò avviene tra i tag, il codice sorgente dello script sarà visibile all'utente. Ciò ovviamente non è necessario nel caso generale.

Per evitare che il testo del codice sorgente venga visualizzato dal browser, il codice sorgente deve essere scritto come commento di markup HTML, ovvero tra caratteri

Cioè, così:

Ma c'è un altro trucco. I browser particolarmente stupidi non comprendono il simbolo -->. Pertanto, per garantire che il codice non sia visibile all'utente in tutti i browser, si consiglia di effettuare quanto segue:

NOTA
Quasi tutti i browser moderni funzioneranno bene anche se non utilizzi caratteri di commento nel markup HTML. Tuttavia, è meglio farlo, poiché l'utente potrebbe avere un vecchio browser.

Bene, ora un esempio di una semplice pagina HTML con uno script JavaScript incorporato:

Crea un file di testo, cambia la sua estensione (non dovrebbe essere txt, ma htm o html), incolla il testo sopra e salva.

Quindi esegui semplicemente questo file facendo doppio clic su di esso. Si aprirà il browser predefinito e verrà visualizzato il messaggio "Il mio primo script su una pagina Web!".

Come avrai intuito, le pagine HTML e gli script in esse incorporati possono essere eseguiti sul computer dell'utente, anche se non dispone di una connessione Internet. Il che significa...

ATTENZIONE!
Con JavaScript è possibile scrivere programmi che verranno eseguiti sul computer dell'utente. E non importa quale sistema operativo abbia!

La cosa principale è che il suo browser supporta l'esecuzione degli script. E allo stesso tempo, non hai bisogno di strumenti di sviluppo speciali che costano tantissimo: basta solo un editor di testo!

È molto semplice: basta fare clic con il pulsante destro del mouse su di esso e selezionare la voce appropriata nel menu contestuale. La dicitura può variare a seconda del browser che si utilizza: in Mozilla Firefox si chiama "Sorgente", in Apple Safari - "Visualizza sorgente", in Google Chrome - "Visualizza codice pagina", in Opera - "Codice sorgente", in Internet Explorer - "Visualizza codice HTML."

Il codice sorgente degli script lato client eseguiti direttamente nel browser (ad esempio JavaScript) può essere visualizzato estraendo i relativi file dalla cache del browser. Ed è ancora più semplice salvare le pagine con tutti i file associati in una posizione specifica. In questo caso, non dovrai scavare tra tutto ciò che è memorizzato nella cache. Per fare ciò, in qualsiasi browser è necessario premere la combinazione di tasti CTRL + S, quindi nel campo "Tipo file" selezionare "Pagina web completa". Puoi anche aprire file con estensione js contenenti il ​​codice sorgente dello script utilizzando un normale editor di testo.

Il codice sorgente dei filmati Flash scaricati da un browser sul tuo computer non è così facile da visualizzare. Il browser non riceve il codice sorgente, ma solo la sua versione compilata, il codice eseguibile. Tuttavia, esistono programmi di decompilazione in grado di eseguire la procedura di conversione inversa. Ad esempio, Flash Decompiler di Trillix è integrato nel tuo browser e ti consente di estrarre un oggetto Flash da una pagina e salvarlo. Aprendo quindi il flash nel decompilatore, avrai accesso ai suoi singoli componenti: immagini, script, suoni, ecc. Naturalmente questo codice non corrisponderà completamente al codice sorgente dell’autore, ma solo con un grado di precisione sufficiente per il funzionamento.

Il "codice sorgente" si riferisce molto spesso al codice di un programma in un linguaggio di programmazione (di alto livello) leggibile dall'uomo. Avendo questo codice, puoi apportare modifiche al programma (script, filmato flash, applicazione Java, programma applicativo, ecc.). L'autore o il distributore del programma determina se distribuire il codice sorgente insieme al prodotto finito. Esiste un'intera classe di applicazioni distribuite "open source"; il codice sorgente di altri programmi (ad esempio script JavaScript o pagine HTML) per definizione non può essere nascosto e il codice sorgente di altri programmi è soggetto a copyright.

Istruzioni

Ottieni il codice sorgente open source dell'applicazione sul sito Web dell'autore o del distributore di questo prodotto software. Di solito puoi trovare l'indirizzo del sito web nella sezione del menu chiamata "Aiuto" se selezioni la voce "Informazioni sul programma" al suo interno.

Fai clic con il pulsante destro del mouse su una pagina Web se desideri accedere al relativo codice sorgente. In qualsiasi browser, il menu contestuale a discesa conterrà un comando per visualizzare la fonte, anche se la dicitura può variare leggermente. Puoi fare a meno del menu contestuale: la combinazione di tasti ctrl + u duplica la chiamata al comando di visualizzazione sorgente. Alcuni browser dispongono di strumenti di visualizzazione integrati (Mozilla Firefox, Google Chrome), altri utilizzano programmi esterni per questo, molto spesso Blocco note. È possibile salvare la sorgente della pagina ottenuta in questo modo in un file.

Hai mai desiderato nascondere agli sconosciuti uno script sulla tua pagina che faccia apparire un menu irrealisticamente bello o esegua altre azioni che non vorresti vedere presto su un sito web su due?
Se sì, il metodo descritto in questo articolo ti sarà utile insieme all'offuscamento del codice. Allo stesso tempo, prenoterò subito che il metodo non è efficace al 100%, ma probabilmente ti proteggerà dalla maggior parte dei non professionisti e da alcuni professionisti.

Teoria Diciamo di avere una pagina nojs.php e su di essa uno script secret.js che deve essere nascosto. Il browser e l'utente possono ricevere lo script dal server nei seguenti modi:
  • Caricamento di uno script direttamente inserito nella pagina o caricato utilizzando il DOM;
  • Visualizza lo script nella finestra Codice sorgente della pagina;
  • Salvare una pagina con tutti i file sul tuo disco rigido;
  • Immissione di un URL diretto nella barra degli indirizzi.
  • Nel primo caso il browser deve inviare l'intestazione HTTP HTTP_REFERER.
    Nel secondo e nel terzo caso non viene trasmesso da tutti i browser (Chrome, FireFox visualizzano uno script precedentemente scaricato dalla cache; Opera, IE scaricano nuovamente lo script, ma senza inviare il referer).
    Nel quarto caso il referer non viene trasmesso da nessuno dei quattro browser.
    Se emettiamo JavaScript in modo dinamico e controlliamo la presenza dell'intestazione del referer nella richiesta, ci proteggeremo immediatamente da Opera e IE, ma per Crome e Firefox dovremo inventare qualcosa di più complicato. Per prima cosa scaricheremo uno script, che a sua volta scaricherà un altro script, ed entrambi i download verranno controllati per la presenza di un referer http. È stato scientificamente stabilito che se crei dinamicamente uno script sulla pagina document.createElement("script"), e poi lo elimini dalla pagina, lo script funzionerà come al solito, ma non verrà salvato Practicenojs.php Questo la pagina ha lo scopo di caricare script1.php
    Trova JS Dopo 10 secondi dovresti vedere lo script nascosto funzionare sotto forma di avviso, fai clic sul collegamento dopo l'avviso per assicurarti che neanche gli eventi siano caduti. A questo link puoi vedere lo script nascosto script1.php Il suo compito: caricare dinamicamente script2.php se è presente un'intestazione referer. I timeout possono essere ridotti, a seconda del tempo approssimativo di esecuzione dello script nascosto.
    script2.php Il suo compito è produrre lo script finale se è presente un'intestazione referer
    Risultati Di conseguenza, otteniamo che non possiamo né guardare il codice sorgente della pagina, né scaricare o salvare lo script nascosto utilizzando i quattro browser testati. In generale, puoi guardarlo in due modi:
    • Segui il collegamento che porta direttamente a script2.php e si trova nella pagina del nostro sito web;
    • Formazione di una richiesta http indicante l'intestazione del referer.
    Puoi aumentare l'efficacia del nascondimento utilizzando i seguenti metodi:
  • Usando mod-rewrite, sostituisci script1.js e script2.js che vanno al server con script1.php e script2.php, rispettivamente, in modo che la pagina contenga i file js familiari, poiché php è sorprendente;
  • Rendere la sceneggiatura fittizia quanto più complessa, plausibile e confusa possibile, in modo che la persona che cerca di analizzarla soffra molto prima di rendersi conto di essere stata ingannata;
  • Offuscamento del codice.
  • Abbiamo pubblicato un nuovo libro, Social Media Content Marketing: come entrare nella testa dei tuoi follower e farli innamorare del tuo marchio.

    Il codice sorgente di un sito è una raccolta di markup HTML, stili CSS e script JavaScript che il browser riceve dal server web.

    Altri video sul nostro canale: impara l'internet marketing con SEMANTICA

    Può essere paragonato a un insieme di comandi impartiti ai soldati da un comandante. Immagina che il pubblico non veda né senta il capo. Dal loro punto di vista, i militari svolgono le azioni in modo indipendente. Nel nostro caso, il comandante è il browser, i comandi sono il codice sorgente e i soldati in marcia sono il risultato finale.

    Il sito è memorizzato su un server web, che invia la pagina su richiesta dell'utente. Una richiesta consiste nel digitare un URL nella barra degli indirizzi, fare clic su un collegamento o fare clic su un pulsante di invio in un modulo. Non importa in quale lingua sono scritte le pagine web o se includono un componente software. Il risultato finale di qualsiasi algoritmo lato server è un insieme di tag e testo html.
    Il codice sorgente della pagina è un insieme di dati che include:

    • marcatura html;
    • foglio di stile o collegamento a file;
    • programmi scritti in JavaScript o collegamenti a file con codice.

    Queste tre sezioni vengono elaborate dal browser. Per il server si tratta semplicemente del testo che deve essere inviato in risposta alla richiesta.

    Perché potremmo aver bisogno di studiare il codice sorgente

    Tutto ciò che vediamo, possiamo analizzarlo e applicarlo per risolvere alcuni problemi che sorgono durante il lavoro con il sito, soprattutto durante l'ottimizzazione. Osservando il codice sorgente possiamo:

    • Visualizza i meta tag del tuo sito o di quello di qualcun altro per analizzarli.
    • Vedere la presenza o l'assenza di alcuni elementi sul sito: contatori, codici di identificazione in vari sistemi, alcuni script e altre cose.
    • Scopri i parametri degli elementi: dimensioni, colori, caratteri.
    • Trova il percorso delle foto e degli altri elementi situati nella pagina.
    • Esplora i collegamenti dalla pagina.
    • Trova problemi con il codice che interferiscono con il processo di ottimizzazione del sito web: stili non inseriti in file separati, script, codice non valido.

    Queste sono le funzionalità di base, ma in realtà, riuscendo a leggere il codice, puoi imparare molto di più sulla pagina.

    Come visualizzare il codice sorgente di un sito

    Non sarà possibile farlo completamente nella forma in cui viene pubblicato sul server dal browser. Ma puoi vedere tutto il markup facendo clic con il pulsante destro del mouse sulla pagina. Qui e sotto utilizzando Google Chrome come esempio.

    Seleziona l'opzione "Visualizza codice pagina" e ottieni l'elenco completo in una scheda separata.

    È solo testo che devi analizzare per capire. Ma puoi ottenere codice interattivo utilizzando gli strumenti per sviluppatori.

    Come trovare il codice sorgente di una pagina web

    Fare clic sull'icona del menu nel browser. Molto spesso è sulla destra e assomiglia a tre punti o strisce.

    Nella sezione degli strumenti aggiuntivi, seleziona "Strumenti per sviluppatori".

    Si aprirà una finestra che mostra lo stato attivo del codice. Ciò significa che quando fai clic sul markup, lo stile dell'elemento apparirà accanto ad esso e i blocchi selezionati verranno evidenziati sulla pagina.

    Nella scheda “Sorgente” è possibile visualizzare il contenuto di alcuni file: script, caratteri, immagini.

    Nella scheda “Sicurezza”, puoi controllare il certificato del sito.

    La scheda "Controlli" ti aiuterà a controllare la risorsa pubblicata sull'hosting.

    Se la posizione del pannello a destra ti risulta scomoda, puoi cliccare sui tre puntini e modificarla selezionando la voce desiderata.

    Come visualizzare i meta tag

    Ogni documento HTML include tag di struttura. Eccone alcuni:

  • Html: l'intero documento.
  • Head – sezione delle intestazioni del servizio.
  • Titolo – titolo della pagina (visualizzato nella scheda).
  • Corpo: il corpo del documento.
  • H1-H6 – intestazioni del testo della pagina.
  • Articolo – articolo.
  • Sezione - sezione.
  • Menù – menù.
  • Div – blocco.
  • Span – stringa.
  • P – paragrafo.
  • Tavolo – tavolo.
  • Gli elementi sono progettati per delimitare logicamente le sezioni di una pagina, se necessario, sono progettati utilizzando gli stili. Contengono testo che è in qualche modo visibile sulla pagina. Ma il tag Head contiene informazioni sul servizio. I meta tag vengono utilizzati per indicarlo. Tutto ciò che è scritto in essi è destinato al server e ai motori di ricerca.

    Il loro contenuto non può essere scoperto in nessun altro modo.

    Prestiamo attenzione al tag Link. Con il suo aiuto vengono specificati i collegamenti ai file inclusi esterni. Se lo desideri, puoi vedere il contenuto e salvarlo su disco. Per fare ciò, sposta il puntatore sull'indirizzo e premi RMB. Seleziona "Apri in una nuova scheda".

    Il file specificato si aprirà in una nuova scheda, che potrai visualizzare o salvare.

    Come visualizzare il codice sorgente di una pagina per eseguire il debug di uno script

    In questo caso, è più conveniente aprire la pagina sul computer locale. Se hai solo bisogno di correggere markup, stili e script, puoi farlo direttamente dalla cartella. Il codice HTML viene visualizzato allo stesso modo. Ma gli errori del codice JavaScript possono essere visualizzati nella scheda “Console”. Questo mostra la descrizione dell'errore e il numero di riga in cui si è verificato.

    La sintassi può essere vista direttamente nel codice. Questo è lo scopo della scheda "Origine".

    Come visualizzare il codice di un elemento specifico

    Per pagine grandi con molti elementi è difficile trovare il codice necessario in tutto il markup. In questo caso, dovresti usare uno speciale comando del menu contestuale. Sposta il mouse sul frammento e premi RMB. Seleziona il comando “Visualizza codice”.

    Si aprirà la stessa finestra, ma con il focus sull'oggetto selezionato.

    Riprendere

    Ti abbiamo detto qual è il codice sorgente della pagina. È sufficiente padroneggiare le conoscenze di base di HTML e CSS e, utilizzando comodi strumenti di sviluppo, sarai in grado di eseguire il debug dei tuoi documenti HTML.

    La revisione del codice delle risorse su Internet ti consentirà di imparare non solo dalla tua esperienza, ma anche di utilizzare esempi di lavoro reali. E per gli specialisti SEO saranno utili i meta tag, le cui informazioni possono dire molto sul sito.

    I migliori articoli sull'argomento