Hello, What am I missing ? I tried so many ways now that I lost track.
I am using the free chrome add-in "web scraper".
My bank transactions are about 1000 lines long, and I want to scrape some related data. To do so I need to click each line and scrape data from the next page.
I have tried link, element scroll, but It to work.
The bank is Klarna, and I do need to login.
Each of the 1000 lines/transactions looks like this:
<button style="padding: 0px; margin: 0px; background-color: transparent; border: 0px; outline: none; cursor: pointer; width: 100%;">
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; margin-left: -20px; padding-left: 20px; padding-right: 20px; margin-right: -20px;">
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: absolute; z-index: -1; min-height: 0px; min-width: 0px; background-color: rgba(255, 255, 255, 0); transition: background-color 0.2s ease 0s; top: 0px; left: 0px; right: 0px; bottom: 0px;"></div>
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: absolute; z-index: 0; min-height: 0px; min-width: 0px; opacity: 1; left: 20px; top: 15px; background-color: transparent;">
<div style="opacity: 1; width: 40px; min-width: 40px; height: 40px; border-radius: 20px; background-color: rgb(240, 238, 235); text-align: center; line-height: 40px; position: relative; overflow: hidden;">
<img alt="Avatar" src="https://x.klarnacdn.net/mbs/brenda/assets/d6483ef88fb0e67a763968314b145d04.png" height="40" width="40" style="object-fit: contain; position: absolute; border-radius: 20px; left: 0px; top: 0px;">
<div style="position: absolute; border-radius: 20px; left: 0px; top: 0px; width: 40px; min-width: 40px; height: 40px; box-sizing: border-box; border-width: 1px; border-color: rgba(23, 23, 23, 0.1); border-style: solid;"></div>
</div>
</div>
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(255, 255, 255, 0); width: 100%; height: 15px;"></div>
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 40px; min-width: 0px; padding-left: 55px;">
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; justify-content: center;">
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(255, 255, 255, 0); width: 100%; height: 5px;"></div>
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: row; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; justify-content: space-between;">
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 1; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px;">
<p style="max-width: 100%; color: rgb(23, 23, 23); font-size: 16px; font-family: "Klarna Text", "Klarna Sans", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 20px; -webkit-font-smoothing: antialiased; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-word; margin-bottom: -10px; margin-top: -5px; padding-bottom: 5px; padding-top: 0px; text-rendering: geometricprecision; text-size-adjust: none;">Apoteket</p>
</div>
<div style="box-sizing: border-box; display: flex; align-items: flex-end; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; padding-left: 5px; flex-grow: 1;">
<p style="max-width: 100%; color: rgb(23, 23, 23); font-size: 16px; font-family: "Klarna Text", "Klarna Sans", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 25px; -webkit-font-smoothing: antialiased; text-align: left; word-break: break-word; margin-bottom: -10px; margin-top: -10px; padding-bottom: 3px; padding-top: 2px; text-rendering: geometricprecision; text-size-adjust: none;">154 kr</p>
</div>
</div>
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(255, 255, 255, 0); width: 100%; height: 10px;"></div>
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px;">
<p style="max-width: 100%; color: rgb(23, 23, 23); font-size: 14px; font-family: "Klarna Text", "Klarna Sans", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 20px; text-rendering: geometricprecision; -webkit-font-smoothing: antialiased; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-word; margin-bottom: -10px; margin-top: -5px; padding-bottom: 4px; padding-top: 1px; text-size-adjust: none;">
<span style="max-width: 100%; color: rgb(23, 23, 23); opacity: 1; font-family: "Klarna Text", "Klarna Sans", Helvetica, Arial, sans-serif; font-weight: 400; text-rendering: geometricprecision; -webkit-font-smoothing: antialiased; text-size-adjust: none;">Del av månadsfaktura</span>
</p>
</div>
</div>
</div>
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; background-color: rgba(255, 255, 255, 0); width: 100%; height: 15px;"></div>
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 0px; position: absolute; z-index: 0; min-height: 0px; min-width: 0px; bottom: 0px; left: 75px; right: 20px;">
<div style="box-sizing: border-box; display: flex; align-items: stretch; flex-direction: column; flex-shrink: 0; border-style: solid; border-width: 1px 0px 0px; position: relative; z-index: 0; min-height: 0px; min-width: 0px; border-top-color: rgb(240, 238, 235); padding-bottom: 0px;"></div>
</div>
</div>
</button>