Τι κώδικας είναι αυτός;

THMMY.gr > Forum > Ηλεκτρονικοί Υπολογιστές και Τεχνικά Θέματα > Περί Υπολογιστών... > Software (Moderators: chatzikys, PolarBear) > Τι κώδικας είναι αυτός;

0 Members and 1 Guest are viewing this topic.

Pages: [1]

Author

Topic: Τι κώδικας είναι αυτός; (Read 1723 times)

Apostolof

WebSlave
Αbsolute ΤΗΜΜΥ.gr

Gender:

Posts: 2660

Κεραυνοί, φωτιές, ece

Τι κώδικας είναι αυτός;

« on: June 10, 2015, 16:38:17 pm »

Θέλω να μου πει κάποιος αν ξέρει τι κώδικας είναι αυτός που βλέπω όταν στον mozilla πατάω το f12 και στο toolbox πηγαίνω στο inspector tool.
Φαίνεται να είναι html, αλλά δεν είναι ο πηγαίος κώδικας της εκάστοτε σελίδας!


« Last Edit: November 29, 2015, 17:43:20 pm by Tolis _tmo_ »	Logged

All these moments will be lost in time, like tears in rain.
In the meanwhile, life goal.

c0ndemn3d

Veteran
Αbsolute ΤΗΜΜΥ.gr

Posts: 4804

Yarr!

Re: Τι κώδικας είναι αυτός;

« Reply #1 on: June 10, 2015, 16:47:00 pm »

Πού κοιτάς γενικά; Βλέπεις τα HTML και το CSS κομμάτι της σελίδας, έτσι όπως αυτό παρήχθη. Φυσικά όταν γράφεις κώδικα σε PHP, αυτός ανάλογα με τα στοιχεία που του δίνεις παράγει τον αντίστοιχο HTML κώδικα και αυτό είναι που βλέπεις στην οθόνη τελικά.


	Logged

In response, the pirates had to adhere to a doctrine of their own...
war against the world

They took my home, I can't walk away from that; can you?
Forget me, forget Teach, forget loyalty, compacts, honours, debts, all of it.
The only question that matters is this: Who are you?

Apostolof

WebSlave
Αbsolute ΤΗΜΜΥ.gr

Gender:

Posts: 2660

Κεραυνοί, φωτιές, ece

Re: Τι κώδικας είναι αυτός;

« Reply #2 on: June 10, 2015, 17:07:41 pm »

Στο αριστερό παράθυρο κοιτάω, που είναι html αν δε κάνω λάθος. Δλδ ο κώδικας αυτός είναι διαφορετικός από τον πηγαίο γιατί η σελίδα που κοιτάω έχει PHP κώδικα; Ξέρεις πως μπορώ να πάρω αυτόν τον κώδικα που έχει ο inspector, πχ σε ένα txt;


	Logged

All these moments will be lost in time, like tears in rain.
In the meanwhile, life goal.

c0ndemn3d

Veteran
Αbsolute ΤΗΜΜΥ.gr

Posts: 4804

Yarr!

Re: Τι κώδικας είναι αυτός;

« Reply #3 on: June 10, 2015, 17:19:05 pm »

Δεξί κλικ view page source βλέπεις html, css, javascript, όλα μαζί. Συνήθως τα css και js βρίσκονται σε ξεχωριστά αρχεία και τα βρίσκεις μέσω links που υπάρχουν στον κώδικα. Ε με copy-paste τα παίρνεις


« Last Edit: June 10, 2015, 17:22:14 pm by c0ndemn3d »	Logged

In response, the pirates had to adhere to a doctrine of their own...
war against the world

They took my home, I can't walk away from that; can you?
Forget me, forget Teach, forget loyalty, compacts, honours, debts, all of it.
The only question that matters is this: Who are you?

Apostolof

WebSlave
Αbsolute ΤΗΜΜΥ.gr

Gender:

Posts: 2660

Κεραυνοί, φωτιές, ece

Re: Τι κώδικας είναι αυτός;

« Reply #4 on: June 10, 2015, 18:11:40 pm »

Εγώ θέλω να γράψω ένα πρόγραμμα που θα παίρνει τα ποστ από μια ομάδα στο facebook και θα τα αναπαράγει σε ένα άλλο site στο οποίο θα μπορώ να τα βλέπω χωρίς λογαριασμό στο face. Πηγαίνοντας σε μια τυχαία ομάδα στο face και πατώντας πάνω σε ένα ποστ παίρνω αυτά:

Αυτά θα τα βρω στο js header του πηγαίου;
Έχεις καμιά ιδέα πώς να κάνω αυτό που θέλω;

Τώρα που σε βρήκα πρόθυμο και απαντάς γρήγορα θα σε πρήξω λίγο Tongue


« Last Edit: June 10, 2015, 18:16:40 pm by Tolis _tmo_ »	Logged

All these moments will be lost in time, like tears in rain.
In the meanwhile, life goal.

c0ndemn3d

Veteran
Αbsolute ΤΗΜΜΥ.gr

Posts: 4804

Yarr!

Re: Τι κώδικας είναι αυτός;

« Reply #5 on: June 10, 2015, 18:35:53 pm »

Κοίτα, μπορείς να κάνεις ένα js script και καθώς έχει ανοικτή τη σελίδα να το εκτελείς εκείνη την ώρα για να πάρεις τα posts. Η javascript έχει ωραία πράγματα για να το πετύχεις αυτό. Αν θες ένα παράδειγμα εφαρμογής τέτοιας, δες το script που έκανε ο nohponex για να βγάζεις βαθμούς με ECTS.


	Logged

In response, the pirates had to adhere to a doctrine of their own...
war against the world

They took my home, I can't walk away from that; can you?
Forget me, forget Teach, forget loyalty, compacts, honours, debts, all of it.
The only question that matters is this: Who are you?

nohponex

WebSlave
Μόνιμος κάτοικος ΤΗΜΜΥ.gr

Gender:

Posts: 2176

Re: Τι κώδικας είναι αυτός;

« Reply #6 on: June 10, 2015, 18:40:16 pm »

Με το facebook πολύ δύσκολα ή και καθόλου να γίνει η δουλειά σου με αυτόν τον τρόπο.

Ο κώδικας (DOM http://www.w3.org/TR/WD-DOM/introduction.html, http://en.wikipedia.org/wiki/Document_Object_Model) στο page source είναι διαφορετικός με αυτόν στο inspect tool, επειδή στις δυναμικές σελίδες αλλάζει το περιεχόμενο, οι ιδιότητες (attributes) και τα style ίσως.

Αυτό που έχεις στο screenshot είναι το DOM path απο το επιλεγμένο αντικείμενο που έχεις.
Σε μια σελίδα μπορεις με javascript να επιλέξεις ενα ή περισσότερα αντικείμενα (nodes) χρησιμοποιώντας query selector ( https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll, https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector)

Μπορείς να δεις ένα πιο απλό παράδειγμα εξαγωγής δεδομένων με χρήση του browser, πανω σε topic του forum εδω https://www.thmmy.gr/smf/index.php?topic=63258 ή αυτο για το sis.auth που λεει ο c0ndemn3d https://www.thmmy.gr/smf/index.php?topic=60899.msg1034466#msg1034466

Αυτό που είναι στο data="{..}" ειναι JSON που τα έχουν embedded στ attribute ft, που είναι custom εξου και το prefix data-.


« Last Edit: June 10, 2015, 18:59:50 pm by nohponex »	Logged

Σα τανυστής

Καταξιωμένος/Καταξιωμένη

Gender:

Posts: 254

Arian Asllani

Re: Τι κώδικας είναι αυτός;

« Reply #7 on: June 10, 2015, 18:56:17 pm »

https://developers.facebook.com/docs/graph-api/reference/v2.3/page/feed

κατι τετοιο δε θα βολευε?


	Logged

Quote from: Mathematica on January 12, 2015, 01:54:18 am

Η ΚΑΡΜΠΟΝΑΡΑ ΔΕΝ ΕΧΕΙ ΚΡΕΜΑ ΓΑΛΑΚΤΟΣ
ΕΧΕΙ ΑΥΓΑ, PARMIGGIANO, GUANCIALE (Η PANCETTA H BACON KAΠΝΙΣΤΟ) KAI ΠΙΠΕΡΙ

ΔΕΝ ΣΠΑΜΕ ΤΑ ΜΑΚΑΡΟΝΙΑ ΤΟ ΚΕΡΑΤΟ ΜΟΥ ΑΜΑ ΗΤΑΝ ΘΑ ΤΑ ΠΟΥΛΟΥΣΑΝ ΠΙΟ ΜΙΚΡΑ
ΔΕΝ ΒΑΖΟΥΜΕ ΛΑΔΙ ΣΤΟ ΝΕΡΟ
ΔΕΝ ΒΑΖΟΥΜΕ ΒΟΥΤYΡΟ ΣΤΑ ΜΑΚΑΡΟΝΙΑ, ΘΑ ΚΟΛΛΗΣΟΥΝ ΑΜΑ ΤΑ ΕΒΡΑΣΕΣ 100 ΜΙΝ ΚΑΙ ΕΙΝΑΙ ΛΑΠΑΣ, ΟΧΙ ΑΝ ΕΙΝΑΙ ΣΟΣΤΑ ΒΡΑΣΜΕΝΑ
ΤΗΝ ΚΡΕΜΑ ΓΑΛΑΚΤΟΣ ΤΗ ΖΕΣΤΑΙΝΟΥΜΕ ΠΡΙΝ ΣΕΡΒΙΡΟΥΜΕ

nohponex

WebSlave
Μόνιμος κάτοικος ΤΗΜΜΥ.gr

Gender:

Posts: 2176

Re: Τι κώδικας είναι αυτός;

« Reply #8 on: June 10, 2015, 19:07:35 pm »

Συγκεκριμένα στο facebook δεν μπορείς να πάς με τη λογική του browser, αλλα μόνο με API calls όπως το endpoint που έβαλε ο Σα τανυστής παραπάνω. Οι λόγοι ειναι: οτι δεν επιτρέπεται, ότι οι σελίδες είναι εντελώς δυναμικές και η δομή μη σταθερή, έχει διάφορες καγκουριές και customιες που οφείλετε στη χρήση του react.js (https://facebook.github.io/react/). Βεβαία έχει javascript SDK οποτε μπορείς να πας με την official προσέγγιση μέσω του API και να γράφεις javascript, (πιθανόν και με node.js

δεν το έψαξα ακόμα).

Αυτό που πρέπει να κάνεις είναι να πάρεις ένα API Key του facebook, να διαλέξεις μια γλώσσα προγραμματισμού, λογικα θα το κανεις σε εναν server που θα τρέχει σαν service, θα κατεβάσεις το SDK και θα κάνεις τα API call στο endpoint group/feed για να παίρνεις τα δεδομένα των post του group που θες, διαβασε παραπάνω στο developers.facebook για την προσβάση κτλπ που θα πρέπει να έχει ο χρήστης στο group, γενικά θα βρεις υλικό.
https://developers.facebook.com/docs/graph-api/reference/v2.3/group/feed#read


« Last Edit: June 10, 2015, 19:20:29 pm by nohponex »	Logged

Apostolof

WebSlave
Αbsolute ΤΗΜΜΥ.gr

Gender:

Posts: 2660

Κεραυνοί, φωτιές, ece

Re: Τι κώδικας είναι αυτός;

« Reply #9 on: June 10, 2015, 19:26:56 pm »

Καλά δε περίμενα να είναι τίποτα απλό αλλά εδώ μιλάμε για πολύ διάβασμα... άρα μετά την εξεταστική. Ευχαριστώ για τις απαντήσεις!!


	Logged

All these moments will be lost in time, like tears in rain.
In the meanwhile, life goal.

c0ndemn3d

Veteran
Αbsolute ΤΗΜΜΥ.gr

Posts: 4804

Yarr!

Re: Τι κώδικας είναι αυτός;

« Reply #10 on: June 10, 2015, 19:32:06 pm »


	Logged

In response, the pirates had to adhere to a doctrine of their own...
war against the world

They took my home, I can't walk away from that; can you?
Forget me, forget Teach, forget loyalty, compacts, honours, debts, all of it.
The only question that matters is this: Who are you?

Pages: [1]

Jump to: