I hope this video was useful. If yes, then do consider smashing that SUBSCRIBE Button, would really help me a lot 💙. P.S: I realize the video quality is terrible. It was recorded on a budget smartphone camera which the company claims to be 48 MP...but it isn't there. The fantastic image processing power of that phone brightened the background and darkened me 🤦🏻♂️. Decided not to open the camera app on that device forever.
@mrfourtythree Yep, you're right, image processing is terrible on that smartphone. I said that it is not even close to 48MP based on my overall usage experience of that device. Even under good amount of lighting, photos/videos miss a lot of details.
The changes that you make to a website using Inspect Element is completely offline. But I've got an idea. Just after making the necessary changes, copy the entire source code of the page (from tag or tag...up to the end) and save it as a separate .html file. But you'll have to open that HTML file (not the actual website) to view the changes.
@@rajibhasan4768 I think you misunderstood the concept of inspect element tool. It is an offline tool where the changes made are shown only to you (not reflected anywhere else). Since it is offline, when you refresh the page, edits you made will be reverted back to original, thus showing you the online version of that page. P.S: Inspector tool is typically used by front end developers to experiment things by tweaking webpages.
It is easy to extract Video URLs from a webpage. But, in order to do it in an app, I think it may or may not be possible depending on the app. Just try to long press on the desired video (because some apps use direct web implementation, so long pressing might show up 'Copy URL' option). Else, you can also opt to use APK Editor Tool about which I made a separate video ( ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-q7OW2tUYmfc.html ) ....but the success rate is probably low.
To get the CSS code for the entire page: Use the first method I mentioned in the video (view-source://) and copy the entire HTML source code of the page. Go to extractcss.com/ and paste the copied HTML code to extract CSS. To get CSS used for specific elements: Use Third Method (F12 Browser), inspect any element and the CSS code will appear under the "Styles" Tab.
What does it mean when I can't see tools on the Android browser (phone) when I click on the three dots? How can I find the tools? Can you do a video for this?
In order to get Developer Tools, you actually have to install "F12 Browser" on your device (Download link is in the description). Unfortunately, those tools aren't available in most of the other android browsers.
No, there's no problem with the F12 Browser app. I even checked it just now and it is fine. Since the UI elements are tiny, make sure to give a proper click by zooming in, so that you'll be able to access the tools as well as the console. I would recommend you to use an external keyboard or mouse,if you have for more convenience.
Just select the corresponding HTML element in the inspector tab and change the source text which will typically be enclosed within tags like this: This is the text
I think that's because of the extremely small sized UI of the F12Browser. You can long press an attribute and select "Edit Attribute" option in the menu box that appears to edit the elements. Or just simply click an attribute, you can find a button like this '•••'. Click that and select your desired option. I would recommend using a bluetooth or USB mouse for more comfortable usage.
Bro please tell me how can i use that tool on android which shows hiw our website will look in different devices Like pc,monitor laptop,tablet etc. Please🙏🙏🙏🙏🙏🙏🙏🙏💓💓💓💓💓💓
Actually, the responsive mode (i.e. the mode in which the design of the webpage changes according to the window size) is turned on by default in the F12 Browser. You'll be able to see its icon (icon that looks like a phone in front of tablet) toggled on. You can drag the sidebar to adjust the window size. I would recommend using a USB or wireless mouse to do it easily. But, it might be a bit unresponsive to use since the app seems to have a few bugs.
@@ExultTechTV bro i have a request if its possible please make a video And if its not possible tell me that its not possible and bro can i really check with my mobile that how my website will looks in laptop,iphone ,tab,etc. 💓💓💓💓💓💓💓💓
@@allanimeworld2898 The "Responsive Design Mode" didn't work properly on my device...that's probably because of bugs in the app or due to my network speed or device. But, just give it a try...and let me know if that worked on your device. If it didn't, then the only way is to wait for the developer to fix the bugs in the next release.
@@allanimeworld2898 Nope. But let me give you a tip. On almost any android browser, you can switch between Desktop Site and Mobile Site view (this option will be found under the Triple Vertical Dots Button Menu). Try using that.
No,no you're mistaken. Inspect Element is an offline tool. Any changes made by it is not reflected back online and all changes will be reset once a webpage is refreshed. So, it is not possible to use Inspect element tool in such a way.
Inspect element changes are not reflected on to the actual webpage. However, you can save an offline copy of the webpage using two methods: 1. Download the offline version of the page (click the triple-dot menu and tap the download icon on the top) 2. Take a screenshot of the page
@@damo190 There are many fantastic apps out there which are not available in the Play Store. The link I've given in the description is actually the direct download link for the latest release of F12Browser from its official GitHub repo. So, feel free to install it, its safe.
Console in Developer Tools is used to view logged messages or run JS (JavaScript). In Inspect and Edit HTML live, you can get it by clicking triple dot button -> JavaScript Console Prototype In F12 Browser, it is found near the elements tab in DevTools. You can enter your JS commands right there in the console to run them.
Inspect element changes are temporary (reverted back to original when refreshed) and are not reflected back to the actual webpage. However, you can save an offline copy of the webpage using two methods: 1. Download the offline version of the page (click the triple-dot menu and tap the download icon on the top) 2. Take a screenshot of the page