I saw that you can allegedly inspect-element your way out of a text blur. It looked amazing.

Here’s what I’m trying to use: https://www.litcharts.com/poetry/maya-angelou/still-i-rise

I’m a little stuck. I’ve been able to get rid of a big box but it doesn’t seem to be working. The text seems to be an image, and I’m not sure how to get the analysis from there.

What I’m trying to do is unblur the text (which turned out to be an image) and get to the analysis. Here is where I am so far, by changing something from “blur” to class=”extended-fallback”

r/webdev - HELP A STUDENT INSPECT ELEMENT THEIR WAY INTO LITCHARTS? :D

Even if it doesn’t work in the end, I’d love to be educated a little more on how this works or if its possible through just inspect-element. To be honest I’m kind of less focused on the analysis on more of how this all actually works

Here is what I was following:

https://www.reddit.com/r/Teachers/comments/5c6l0u/does_anyone_have_a_litcharts_account_any_help_is/

Comment from post above by Redditor Xicarius – [“I have not been able to find account details and information, but I have found a quick and easy way to get the content with 100% accuracy.

First, ‘inspect’ the element. You can do this by right-clicking the web page where there are no links and then clicking the “inspect” or “inspect element” option in the menu. Then, press command-f or whatever hotkey you use to “find” something (or you can go to the box within the new inspect element window to find what you want). Once you are there, type in “blur”. This will take you to just about where you want to be.

Scroll to the top of the page of the new inspect element window. If you hover your mouse over the code, you will see that the webpage you had been visiting will have its respective elements highlighted. Now, scroll (on your webpage) to the bit that you want. Then, move your mouse over the code in the “inspect element” window until you’ve located the big box where your target is. Once there, double-click on it, and scroll down to “class=”extended-fallback””. This is where all the stuff that is blurred and unselectable is, including related characters, related themes, etc. Then find and double click on “class=”attr explanation””, and then the bit of code starting with “class=”blurred-text content””. Here, just move your mouse up and down with your eyes on the actual webpage. Usually, litcharts splits its explanations into two paragraphs. Once you find the code relating to these two bits, which is something which looks like “<p>…</p>”, double click and there you go, you have your text which you can just click and copy and paste. PLEASE keep in mind two things:

  1. The explanations usually come in two paragraphs

  2. For some reason sometimes the paragraphs are split into two with a word in between so you’ll have to copy and paste three bits sometimes (although rarely) and type in the ‘in-between’ word.”]

Maybe this is wrong to do but it’s honestly really fascinating lol can anyone help me out?

ohno i got downvoted



Source link

Write A Comment