Giter Site home page Giter Site logo

Comments (8)

Tin-Nguyen avatar Tin-Nguyen commented on May 27, 2024

any one can help to resolve the issue?

from simple-headless-chrome.

farant avatar farant commented on May 27, 2024

I had this problem and it was because Chrome wasn't running! It wasn't running because it wouldn't start in the docker image I was using. The solution ended up being to change the startup script to start google-chrome-stable using the --no-sandbox flag.

from simple-headless-chrome.

Tin-Nguyen avatar Tin-Nguyen commented on May 27, 2024

Thanks @farant , I will try your way

from simple-headless-chrome.

Tin-Nguyen avatar Tin-Nguyen commented on May 27, 2024

hi @farant , I just check to do curl http://localhost:9222 and I could receive the response from Headless Chrome, so I think it is running now.

<html>
<head>
<title>Headless remote debugging</title>
<style>
</style>

<script>
const fetchjson = (url) => fetch(url).then(r => r.json());

function loadData() {
  const getList = fetchjson("/json/list");
  const getVersion = fetchjson('/json/version');
  Promise.all([getList, getVersion]).then(parseResults);
}

function parseResults([listData, versionData]){
    const version = versionData['WebKit-Version'];
    const hash = version.match(/\s\(@(\b[0-9a-f]{5,40}\b)/)[1];
    listData.forEach(item => appendItem(item, hash));
}

function appendItem(item, hash) {
  let link;
  if (item.devtoolsFrontendUrl) {
    link = document.createElement("a");
    var devtoolsFrontendUrl = item.devtoolsFrontendUrl.replace(/^\/devtools\//,'');
    link.href = `https://chrome-devtools-frontend.appspot.com/serve_file/@${hash}/${devtoolsFrontendUrl}&remoteFrontend=true`;
    link.title = item.title;
  } else {
    link = document.createElement("div");
    link.title = "The tab already has active debugging session";
  }

  var text = document.createElement("div");
  if (item.title)
    text.textContent = item.title;
  else
    text.textContent = "(untitled tab)";
  if (item.faviconUrl)
    text.style.cssText = "background-image:url(" + item.faviconUrl + ")";
  link.appendChild(text);

  var p = document.createElement("p");
  p.appendChild(link);

  document.getElementById("items").appendChild(p);
}
</script>
</head>
<body onload='loadData()'>
  <div id='caption'>Inspectable WebContents</div>
  <div id='items'></div>
</body>
</html>

from simple-headless-chrome.

Tin-Nguyen avatar Tin-Nguyen commented on May 27, 2024

is there any one help on this?

from simple-headless-chrome.

LucianoGanga avatar LucianoGanga commented on May 27, 2024

Hello @Tin-Nguyen !

I found the problem. As you're using remote debugging, simple-headless-chrome doesn't have an instance for the Chrome that you are connecting. So, (because of a bug) whenever you call the close() method it cannot find the instance to close it.

It's fixed now, and should be working if you try with version v4.3.7. Please let me know if it doesn't work by reopening the issue.

Cheers!
Luciano

PS: I'm interested on knowing if remote debugging works well, as I haven't been able to test it right (it should be the same anyway). So, let me know please if it worked for you.

from simple-headless-chrome.

Tin-Nguyen avatar Tin-Nguyen commented on May 27, 2024

Thanks @LucianoGanga , I will check on newer version v4.3.7 today

from simple-headless-chrome.

Tin-Nguyen avatar Tin-Nguyen commented on May 27, 2024

The issue has been resolved on v4.3.8 version. Thanks

from simple-headless-chrome.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.