How can I view Multiple Page Source Code - all together in one set.
for example:
https://stackoverflow.com/
https://www.microsoft.com/
https://www.example.com/
Every URL of these has a page source, how can I view them all under/into one set?
Unfortunately, I don't know why this question got -1 vote.
however, the answer that I've found it might fit this question is that you can go to this link:
https://www.joydeepdeb.com/tools/view-source-code.html
Inside this link there's a useful tool might help other similar purposes.
This tool offers limited use, which means that, some URLs might not properly work, I think it is because the syntax of the URL must take a certain form/shape.
Related
it's for work so i can't disclose details, but basicly orders come in and they get listed via a external website. the thing i want to do is to list them so i can copy them easily. i've been searching for a way to export the page to excel, but this didn't work out. now i'm looking into devtools for chrome to filter them out.
what i'm looking for is a way to filter a bunch of numbers from a page, and quickly be able to copy them. it doesn't really matter how. below i added a picture to show the overall scructure of the page itself.
All suggestions are welcome!
greetings, niels
Yes you can with Javascript.
However, the image you provided does not contain the necessary information to help solve your exact question.
Get the element that contains the value that you want to receive via element inspect in your browser.
Use .innerText to retrieve the value inside of the element.
For example, let's say I want to fetch your Stackoverflow username from this post, here's how that would go (you can copy paste the code in your web-console to see the result):
document.getElementsByClassName('user-details')[0].childNodes[2].innerText
The same principle applies to numbers or other values/data. Without the page structure, it is impossible to give you a concrete answer to your question. Hopefully the above gives you some guidance as to what you should be looking for.
Problem
So we have quite a big project with lots of different Partial Views and a client side data binding framework (Knockout.js in our case).
One of the more problemtic parts is that is getting harder and harder to figure out which partial view is rendering an element that I see on my page.
So I need to debug this particular DIV. Okay, where do I find it?
Usually I try to find a very specific class or ID close by this element and do a search through the whole platform - far from ideal.
Question
So I was thinking about the following; tagging all elements (in debug mode) with the source file where they have been generated.
Right now I'm thinking about something like a precompiler that adds a data-source="" to every element. I might refer to an ID within a dictionary to prevent repeating all the long filenames.
Before I'm reinventing the wheel:
is there already something similar?
are there better alternatives?
We're using ASP.NET MVC, but any hints to how other platforms do this are perfect too.
If you are using Visual Studio, I highly recommend the Web Essentials extension. Among many great features, it has one called "Inspect Mode", part of the larger "Browser Link" feature, that does exactly what you are looking for; it identifies the file that a particular DOM element came from. It might be worth a shot if that option is open to you.
#Dirk, as per my understanding your issue is to easily identify the element/view. Adding data-source can be an option but before that have a look at this link
Editing Styles and DOM - Chrome Dev Tools
This page has many demonstrations which might be helpful to your problem. Furthermore, I do agree with Kevin suggestion.
Let's say I'm looking at a webpage that has a title including the year, such as "StackOverflow 2016". Is there a way, by inspecting the page source, to find out is this string is variable (function automatically updates it every year), or if it is a hardcoded string?
HTML is for navigator and is the result of a php (or python, etc.) script, so no you can't. (But you can if it is powered by javascript)
There is no way, unless the web site has been specifically coded to make that possible.
I know of one website that does enable marking the variables in its output, but even then, this functionality is turned off for most page requests – it doesn't work unless you explicitly turn it on for that request.
Certainly, there is no standard way in html to notice this.
If it is a string variable it is inserted when the page gets created, so to tell if it's hard coded or not you would have to have access to the file which constructs the page - usually a template or a PHP file, etc.. So no, you can't tell if it was a variable or a plain text just from inspecting the source on the client's side.
With one word: No, you can't...
Different scenarios:
By looking at the HTML alone... no, there is no way. Unless, in your specific case, you refresh the page at NYE or something like that... which is silly.
In the HTML is processed on the server.. there is still no way you can know if it is a hardcoded string or a variable.
There might be a chance to see that by looking at front-end source code if the HTML is processed in the client-side of the app...
You have to undestand that the web page you see is often generated by code that resides on a server, potentially miles away from you. When you ask for a web page you get simply an HTML page, no more.
So, generally, all the methods that generates the data you see on the page cannot be seen client side. Try to imagine what could happen if, let's say, StackOverflow would give you the "power" to see the logic the exists behind web pages of the entire app. You could use these information to do a lot of damage or to steal informations or complex algoritms.
I've said generally because data on web page could be generated by javascript, a client side language that can be used to modify the DOM.
In this case you could see if your string is update by a function.
As far as I'm aware there would be no way to know this as the source you can see will be what is rendered. So there will be no way to know if this was added with php or js etc.
There is an online dictionary I would like to add to my search engine list in Google Chrome. The problem is, the website in question does not show the form used in the address bar, so I can't just substitute the search term with %s in Chrome like other search engines.
I know barely anything about developing web pages or web scripting languages, so I'm not even entirely sure that POST is the correct term for what is going on here.
Here is the website I am talking about. If you type a word in the English-Basque box and, "dog" for example, and hit Search, it just shows http://www1.euskadi.net/morris/resultado.asp, obviously not containing "dog". I've inspected the sources of both the HTML page of the first link and the ASP page of the results page, but don't see anything blindingly obvious, but then again I don't really know what I'm looking for.
I use this dictionary a lot, so being able to add it to Chrome and use a simple keyword for it, I can just use the keyword and a search term in the omnibar instead of having to load the page every time, saving much time. :)
If anyone can point me in the right direction for how to figure this out, I would greatly appreciate your help. Thanks!
Someone else seems to have found a workaround for your problem;
It consists of writing a FORM using javascript instead of a URL in Chrome.
A cleaner alternative would be to write a proxy page; a page that you write in asp/php/whatever that can take querystring parameters coming in, and then POST these parameters to the euskadi.net pages, returning the results.
This will require you to have a server or hosted page somewhere online though.
The reason I am keen to do this is that we have a wiki which works great, but I would like to store help pages for an internal application in the wiki and link to those pages direct from the app. Although we wouldn't have concerns with people seeing the non-article stuff (i.e. the help pages) when viewing the pages from the rest of the wiki, for it to be streamlined when viewed from the application I thought it would be ideal if I gave it a simplified skin which I would design.
I have already found out that URLs can have the useskin= added (e.g. as is done in the Preview Skin page within the User Preferences pages), but following the links will revert you to your normal chosen skin.
Is there perhaps some way to adjust the skin, so that all the links contain useskin=? (I think this might have issues, since you appear to need the full pagename for useskin to work (e.g. ..../w/index.php?title=blah....&useskin=cologneblue as opposed to the short URLs).
If this isn't a smart way to go, I could consider different approaches (I run the box the wiki is on and could create a distinct wiki perhaps, although there might be disadvantages to this, such as needing to combine the user tables and maybe this would still pick up the user's preferred skin unless I re-coded things).
Any sensible suggestions gratefully received! Let me know if there's any more info you might need or if I need to clarify any points about my objective.
[I did submit this on the MediaWiki.org Support Desk page, but it got no response... I hope my question isn't that bad!!]
You could put all your content in its own namespace, then set the skin for that namespace using this extension (I've used it, it works well enough):
http://www.mediawiki.org/wiki/Extension:SkinPerNamespace
If you don't want to lock them all into a single namespace, you can also use the SkinPerPage extension to mark the pages individually.
Why not change the default skin to the skin you want?