DevTools not detecting then mobile mode enabled

[smskin]

Does not determine the state of devtools when mobile view is enabled.

---

IssueHunt Summary

Backers (Total: $60.00)

• issuehunt ($60.00)

Submitted pull Requests

• #46 Made the DevTools to detect for mobile mode

---

Become a backer now!

Or submit a pull request to get the deposits!

Tips

• Checkout the Issuehunt explorer to discover more funded issues.
• Need some help from other developers? Add your repositories on IssueHunt to raise funds.

[IssueHuntBot]

@IssueHunt has funded $60.00 to this issue.

---

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.

[kevgathuku]

Hi @smskin @sindresorhus I've been looking into this issue and it seems that when the mobile view is enabled, the window.outerWidth and window.innerWidth are always equal. The same is happening for window.innerHeight and window.outerHeight which are always equal.
i.e. the widthThreshold and heightThreshold are always false
https://github.com/sindresorhus/devtools-detect/blob/master/index.js#L28-L29
This seems to be why the current implementation does not work.

UPDATE:
I found this solution
https://gist.github.com/kevgathuku/b6fcc0bf1d5e478f4ed6876b0cc01c0c
It works perfectly in Chrome but unfortunately doesn't work in Firefox