Search code examples
pythonpython-3.xpython-requestspython-requests-html

How to get raw html with absolute links paths when using 'requests-html'


When making a request using the requests library to https://stackoverflow.com

page = requests.get(url='https://stackoverflow.com')
print(page.content)

I get the following:

<!DOCTYPE html>
    <html class="html__responsive html__unpinned-leftnav">
    <head>
        <title>Stack Overflow - Where Developers Learn, Share, &amp; Build Careers</title>
        <link rel="shortcut icon" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico?v=ec617d715196">
        <link rel="apple-touch-icon" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png?v=c78bd457575a">
        <link rel="image_src" href="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png?v=c78bd457575a"> 
..........

These source code here have the absolute paths, but when running the same URL using requests-html with js rendering

with HTMLSession() as session:
    page = session.get('https://stackoverflow.com')
    page.html.render()
    print(page.content)

I get the following:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>StackOverflow.org</title>
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="lib/interface.js"></script>
<script type="text/javascript" src="lib/window.js"></script>
<link href="lib/dock.css" rel="stylesheet" type="text/css" />
<link href="lib/window.css" rel="stylesheet" type="text/css" />
<link rel="icon" type="image/gif" href="favicon.gif"/>
..........

The links here are relative paths,

How can I get the source code with absolute paths like requests when using requests-html with js rendering?


Solution

  • This should probably a feature request for the request-html developers. However for now we can achieve this with this hackish solution:

    from requests_html import HTMLSession
    from lxml import etree
    
    with HTMLSession() as session:
        html = session.get('https://stackoverflow.com').html
        html.render()
    
        # iterate over all links
        for link in html.pq('a'):
            if "href" in link.attrib:
                # Make links absolute
                link.attrib["href"] = html._make_absolute(link.attrib["href"])
    
        # Print html with only absolute links
        print(etree.tostring(html.lxml).decode())
    

    We change the html-objects underlying lxml tree, by iterating over all links and changing their location to absolute using the html-object's private _make_absolute function.