I need to get FEN during a game on chess.com
Let’s consider this randomly chosen game
The FEN can be found by clicking “Share” and there on page PGN (can be seen on attached images).
1. When I try to Inspect in Chrome I can see button “Share” as
“`
<button class=”share-button-component icon-font-chess share examine-buttons-button” tabindex=”-1″>
::before
</button>
what confuses me since as far as I understand “::before” is linked to a class, so I am not sure how it can be inside <button> tags. Also it doesn’t have onclick() function linked to a button.
How does this button work? How can I get FEN during a game?
Another side question is when I try to see the page’s source and save it, I can see
“`
<!DOCTYPE html>
<html
xmlns=”http://www.w3.org/1999/xhtml”
xml:lang=”en-US”
lang=”en-US”
dir=”ltr”
xmlns:fb=”http://ogp.me/ns/fb#”
class=” user-logged-in “>
but when I save it I am seeing
“`
<!– saved from url=(0036)https://www.chess.com/live#a=1377475 –>
<html><head><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″></head><body><div class=”line-gutter-backdrop”></div><table><tbody><tr><td class=”line-number” value=”1″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”2″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”3″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”4″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”5″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”6″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”7″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”8″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”9″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”10″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”11″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”12″></td><td class=”line-content”><br></td></tr><tr><td class=”line-number” value=”13″></td><td class=”line-content”><span class=”html-doctype”><!DOCTYPE html></span>
Why does the browser encapsulate the source as html instead of saving exactly as it was shown?
Attachments: